2012-03-01 49 views
1

我已經將圖像細分爲地圖區域。當你點擊一個區域時,特定區域的顏色(圖像的src)會發生變化,所有這一切都歸功於javascript(jquery)。到現在爲止還挺好。 但我也有另一個包含「鏡像區域」的不同圖像,當我點擊第一張圖像中的相應區域時,它也必須改變。它可以是第二個圖像中的一個或兩個鏡像區域(當然,我必須在兩側進行)。爲JavaScript目的鏈接兩個元素

問題是,我可以「鏈接」這些區域,以便當我點擊一個區域時,我可以更改鏡像的src? (得到它的屬性,它的id,或任何可以讓我改變它的東西)

謝謝!

+3

你能發佈一些代碼嗎? – gideon 2012-03-01 09:14:16

+1

你介意發佈你的src。或者在這裏擺弄,以更好地理解你想要做的事情。 – digitebs 2012-03-01 09:14:31

+0

你絕對可以做到這一點,但我同意limjohn,請張貼你的代碼在jsfiddle,所以我們可以告訴你。 – 2012-03-01 09:59:13

回答

1

如果您想映射的每個對應區域都具有相同的類別,您應該可以輕鬆完成。

,如果你有,你想鏡2個圖像

<img class="area1" ...> 
<img class="area1" ...> 

<img class="area2" ...> 
<img class="area2" ...> 

Then you could have something like 

$("img").click(function(){ 
    //Select all elements with this class and add a border for example 
    $("."+$(this).attr("class")).css("border","1px solid red"); 
}); 

不知道這是否有助於

+0

哇我的代碼變得如此複雜我忽略了這個簡單的解決方案-_- 非常感謝! – Willy 2012-03-01 10:13:47