是否可以讓圖像的翻轉觸發多個圖像的不同活動狀態？

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