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

How to Show the Related Content in another Div when an Image Clicked

本文关键字：显示 另一个 单击 图像 分区      更新时间：2023-09-26

我有一个div区域（用于主滑块。但里面不会滑动）。在这个div区域下面有一个选项卡系统。

在这些选项卡中有1-6个图像（在每个选项卡中有另一个图像（1到6个图像）

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

我该怎么做？有什么例子吗？有线索吗？

我试着使用jquery来显示/隐藏、切换等，但例如，我找不到如何在我的html中保持那些大的div不可见（我尝试了css"display:none；"，但在我看来这还不够明智），并在其位置（选项卡系统上方）调用它们

p.S：当一个图像被显示时，其他图像必须被隐藏。

这里是demyr，显然您必须根据您的确切需求进行修改：

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

这是没有问题的，这里是更新的代码，编辑你需要你应该真的能够从这里采取它：

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

我更改了这张照片上的图像，这样你就可以看到它的发生，非常类似于ford.ca:

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

给你，伙计，所有的碎片都汇集在一起：

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

总的来说，感觉就像你做了家庭作业，哈哈，你欠我一杯啤酒

您可以在所有图像/文本上绑定一个函数，将相关图像/文本加载到细节divhttp://jsfiddle.net/9jc46/

相关文章：