是否可以让图像的翻转触发多个图像的不同活动状态？

Question

我想创建一个图像库，但是当单击一张图像时，其他图像将对单击的图像做出反应。

http://thegoodgirlsnyc.com/test/test.html#

我找不到现有的插件，我不知道从哪里开始。任何指示将不胜感激。

Answer 1

您在寻找这样的东西吗？如果您想要实现这一目标，您可以用图像替换背景颜色。

http://jsfiddle.net/k4t434sispho3nix/Eb9as/1/

Answer 2

jQuery 非常适合于此。您可以在图像上设置一个单击侦听器（在父元素上设置一个单击侦听器可能会更好（如果我正确理解该术语，请查找延迟侦听器））。然后，您只需向除单击的图像之外的所有图像添加一个 css 类（如果存在，请确保从单击的图像中删除该类）。如果您需要对单击的图像进行特殊样式，请为其添加另一个独特的类。

之后，您可以使用 css 模板文件来设置不同元素的样式。

Answer 3

根据您在原始帖子中所说的内容，我相信您需要这样的东西：

$("#clicked_div_id").click(function(){
   $("#top-left-box").attr("src", "top_right_himage.jpg")
   $("#bottom-right-box").attr("src", "bottom_right_himage.jpg");
});