在Facebook和Orkut专辑照片中进行Phototagging？

Question

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

谢谢

Answer 1

嗯,我发现Img Notes的新版本似乎完全符合你的要求.

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

Answer 2

我没有找到任何适合此目的的插件。因此，我最终为自己编写了一个小插件，用于根据通过 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：这只是照片标记的一侧，即。如果我们已经有了坐标，我们可以在图像上标记并添加点击事件，这正是我真正想要的部分。:) 你们必须编写代码来完成照片标记的标记部分。