Question

在Facebook和Orkut相册中是否有实施照片标记的jQuery库或任何潜在客户？

由于

Answer 1

嗯，我发现Img Notes的新版本似乎完全符合您的要求。

结帐Demo。它允许您轻松添加标签注释并使用JQuery显示它们。他还依赖于imgAreaSelect jquery插件来添加注释。

Answer 2

您可以尝试Jcrop或imgAreaSelect。不是100％与Facebook相同的行为，但通过一些调整，这应该是可能的。

Answer 3

我没有为此目的找到任何合适的插件。所以我最后写了一个小插件，根据通过XML文件加载的坐标来标记图像上的区域。

基本代码是：

<div id="imageholder">

 <!-- The main image -->
 <img src="<link to image file>" alt="Image">

 <!-- The grid tags -->
 <div class="gridtag" style="bottom: 100px; left: 106px; height: 41px; width: 41px;"/>
 <div class="gridtag" style="bottom: 300px; left: 56px; height: 100px; width: 56px;"/>

 <div class="gridtag" ...

</div>

需要基本的CSS样式：

#imageholder{
 height:500px;
 width:497px;
 position:relative;
}
div.gridtag {
 border:1px solid #F0F0F0;
 display:block;
 position:absolute;
 z-index:3;
}

在上面，使用jQuery通过XML或JSON添加类“gridtags”的div，并通过绑定这些div上的事件，我们可以在Orkut中进行类似的照相标记。

PS：这只是光标记的一面，即。如果我们已经有了坐标，我们可以在图像上标记并添加点击事件，这是我想要的部分。 :)你们必须编写代码来进行光标记的标记部分。

Answer 4

Facebook中标记功能的一个很好而复杂的例子是 Talking Pictures，这是一个facebook应用程序。

Facebook和Orkut专辑照片中的照片标记？

4 个答案: