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

问题描述:

我想要做的就像你在http://www.nejm.org/doi/full/10.1056/NEJMimc1109704看到的那样。 (点击Play并转到第5页 - 交互式体检。)我认为他们正在使用Flash来做这件事,但我想使用javascript/jQuery。图片的多个标题 - 点击链接可以一次查看一个图片

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

我会把它作为图像映射吗?即创建一个地图,并使用jQuery来切换地图的不同部分?有没有插件可以做到这一点?谷歌搜索没有帮助我 - 但也许我不知道要寻找什么。任何帮助将不胜感激。

为什么你需要jQuery?

无论如何,请将您的主要图片放下,并将其位置固定在您想要的位置。你甚至可以把它放在一个漂亮的容器div中,只要确保你所有的caption div都是相对于同一个父亲。然后把你的标题图像的固定位置div放在它上面,在你的css中有一个更高的z-index。然后将您的标题图像放在适当的顶部和左侧位置,直到它们正确。当然,使用透明的PNG。

所有你需要做的切换他们设置元素的的style.display为“无”或“继承”我有同样的问题

,我发现imageMapster。退房 http://www.outsharked.com/imagemapster/default.aspx?demos.html#beatles 我认为这是你想要做的。今天只是这个解决方案,还没有弄清楚。看起来很有希望。否则退房qTip2 http://craigsworks.com/projects/qtip2/demos/ 也许有些适应让你/我们做我们想做的事 祝你好运!保持你的更新,如果我找到了它