2012-03-09 41 views
0

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

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

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

回答

0

为什么你需要jQuery?

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

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