带有标签的Javascript/HTML5图像查看器

我正在重建在Flash中创建的大量医疗模块。所有模块正在重新设计以实现跨平台的享受（ js和HTML5）。我一直在寻找一个库或插件，当用户点击一个按钮时，会在图像上添加箭头（具有翻转功能）和文本。我有幸运。带有标签的Javascript/HTML5图像查看器

我发现的最接近的包是Zoomify，但它仍然不是我正在寻找的。他们要求太高的资金以获得最大的开发能力。我真的希望找到一个JQuery插件或JavaScript库，这将允许我完全自定义界面。下面是一个OLD FLASH模块的屏幕截图：

Old Module

红色箭头对应于在左边选择的链接。新设计更具吸引力，但其基本思路是相同的，单击按钮指向对象。

如果没有这样的库或插件，我应该创建一个简单的JavaScript图像查看器并在数据库中存储重叠坐标？或者这是过度杀伤力？我有这些事情hunderds要做...也许成千上万:(任何帮助/方向将不胜感激。

来源

2012-07-07 atomSmasher

你所要求的是由CSS提供的，它允许将文本直接放置在图像或其他呈现的HTML之上。关键的CSS属性调查是：

position设置为 '绝对'
个
值中的至少两个top，right，或bottom left
使用z-index到指定的分层/顺序

来源

2012-07-07 02:57:57 Nathan

这是一个有效点。我担心的是我必须添加的标签数量。每张图片20张标签，上千张图片。 css和html是最好的方法吗？ – atomSmasher 2012-07-07 18:15:43

HTML/CSS提供了显示 - 运行时可以使用原生JavaScript创建，如您在原始文章中所建议的。坐标可以是由PHP/MySQL应用程序通过AJAX传递的JSON编码的字符串，也可以是直接传递给客户端的单个JSON编码的数据文件。我的文章的目的是指出你并不需要一个JavaScript或jQuery库覆盖到给定坐标的图像上。 – Nathan 2012-07-08 23:02:58

听起来不错！我会对AJAX和JSON做更多的研究。谢谢你的帮助。 – atomSmasher 2012-07-08 23:05:01

Lightbox是一个很好的选择“灯箱是一个简单的，不显眼的脚本，用于覆盖当前顶部的图像“

来源

2012-07-07 01:54:20 Fibrewire

带有标签的Javascript/HTML5图像查看器

回答

相关问题