Javascript 像Facebook和Orkut相册中的照片标签？

在Facebook和Orkut相册中是否有jQuery库或任何关于实现照片标记的线索

谢谢

您可以试试看。

---

并非100%的行为与Facebook相同，但经过一些调整，这应该是可能的。

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

---

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

我没有找到任何适合的插件。因此，我最终为自己编写了一个小插件，根据通过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>

在上面的例子中，类为“gridtags”的div是使用jQuery通过XML或JSON添加的，通过在这个div上绑定事件，我们可以在Orkut中创建类似的phototagging

---

PS：这只是照片标签的一面，即如果我们已经有了坐标，我们可以在图像上标记并添加点击事件，这正是我想要的部分。：）你们必须编写代码来完成照片标签的标记部分。

facebook中类似标签功能的一个很好且复杂的例子是

---

，这是一个facebook应用程序。

在同一时间，我可能需要显示多个位置/区域：（在facebook中，任何时候都不会显示超过1个矩形。在orkut中，它们最初显示所有矩形，然后逐渐消失。所以，实际上，你希望它像orkut一样，而不是像facebook一样？两者背后的基本思想是相同的。

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