可以让图像的翻转触发器为多个图像触发不同的活动状态吗？

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");
});