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

Question

我正在重建在Flash中创建的大量医疗模块。所有模块都经过重新设计，以便跨平台享受（ js和HTML5 ）。我一直在搜索一个库或插件，当用户单击按钮时，它会在图像上方添加箭头（具有翻转功能）和文本。我运气不好。

我找到的最近的套餐是Zoomify，但它仍然不是我想要的。他们要求太多的钱以获得最大的开发能力。我真的希望找到一个允许我完全自定义界面的JQuery插件或javascript库。以下是 OLD FLASH 模块的屏幕截图：

红色箭头对应于左侧选择的链接。新设计更具吸引力，但潜在的想法是相同的，点击按钮指向对象。

如果没有这样的库或插件，我应该创建一个简单的javascript图像查看器并将叠加坐标存储在数据库中吗？或者那有点矫枉过正？我有很多事要做这些事情......也许数千人:(任何帮助/方向都会非常感激。

Answer 1

CSS要求您提供的内容，可以将文本直接放在图像或其他呈现的HTML上。要调查的关键CSS属性是：

• position设为'绝对'

• top，right，bottom或left

中至少两个的值

• 使用z-index指定分层/顺序

Answer 2

Lightbox是一个不错的选择“Lightbox是一个简单，不显眼的脚本，用于在当前页面上叠加图像。它可以轻松设置并适用于所有现代浏览器。”