一张图片的多个标题-点击链接一次查看一个

Multiple captions for an image - click on links to see one at a time

本文关键字：链接 一次 一个 -点 标题 一张      更新时间：2023-09-26

我想做的事情就像你在http://www.nejm.org/doi/full/10.1056/NEJMimc1109704.（点击播放，进入第5页-交互式体检。）我想他们用Flash来做这件事，但我想用javascript/jQuery。

基本上有一张图片有多个标题。标题有指向图像不同部分的箭头，但这对我来说并不重要。当你点击不同的链接时，会出现不同的标题。

我会把它当作一张图像地图来处理吗？即创建一个地图，并使用jQuery切换地图的不同部分？有这样的插件吗？谷歌搜索对我没有帮助，但也许我不知道该找什么。任何帮助都将不胜感激。

我遇到了同样的问题，我找到了imageMapster。退房http://www.outsharked.com/imagemapster/default.aspx?demos.html#beatles我想这就是你想要做的。只是今天的这个解决方案，还没有解决。不过看起来很有希望。否则，请检查qTip2http://craigsworks.com/projects/qtip2/demos/也许一些调整可以让你/我们做我们想做的事祝你好运如果我发现，请随时更新

为什么需要jQuery？

不管怎样，把你的主图像放下来，把它的位置固定在你想要的地方。你甚至可以把它放在一个漂亮的容器div中，只需确保所有的标题div都是相对于同一个父级的。然后在css中用更高的z索引将标题图像的固定位置div放在上面。然后将字幕图像放置在适当的顶部和左侧位置，直到它们正确为止。当然，使用透明的PNG。

要切换它们，只需将元素的style.display设置为"none"或"inherit"

相关文章：