单击图像时如何在另一个Div中显示相关内容

时间:2012-03-27 18:33:31

标签: javascript jquery css

我有一个div区域(主滑块。但内部不会滑动)。 在这个div区域下面有一个标签系统。

在这些标签中有1-6张图像(在每个标签中有另一张图像(1到6张图像)

当我点击其中一张图片时,我想在上面的Div区域显示相关的内容/照片等。

我该怎么做?任何例子?任何线索?

我尝试使用jquery进行显示/隐藏,切换等但是例如我无法找到如何在我的html中保持那些大的div不可见(我试过css“display:none;”但这对我来说似乎并不明智足够的)并在它的位置(选项卡系统上方)调用它们

P.S:当显示图像时,必须隐藏其他图像。

2 个答案:

答案 0 :(得分:1)

在这里你很明显,你必须修改你的确切需求:

http://jsfiddle.net/S4LGr/1/

这是没有问题的是更新后的代码,根据需要进行编辑,您应该可以从这里进行编辑:

http://jsfiddle.net/S4LGr/3/

我改变了这个图像,所以你可以看到它发生,与ford.ca很相似:

http://jsfiddle.net/S4LGr/5/

在这里,你把所有的东西放在一起:

http://jsfiddle.net/S4LGr/9/

完全感觉喜欢你的家庭工作,你欠我一杯啤酒!

答案 1 :(得分:0)

您可以在将相关图像/文本加载到细节div的所有图像/文本上绑定一个函数。喜欢这个小提琴:http://jsfiddle.net/9jc46/