改變displayimage按鈕上點擊

我有幾個按鈕：如果按下其中一個改變displayimage按鈕上點擊

<button class="image1-button" data-image="bg_images/1.jpg"><img src="images/button.png"></button> 
<button class="image1-button" data-image="bg_images/2.jpg"><img src="images/button.png"></button> 
<button class="image1-button" data-image="bg_images/3.jpg"><img src="images/button.png"></button> 
<button class="image1-button" data-image="bg_images/4.jpg"><img src="images/button.png"></button>

我想改變像選中和未選中按鈕IMG。

<button class="image1-button" data-image="bg_images/4.jpg"><img src="images/button_selected.png"></button>

我的想法是做一個點擊功能，但我有很多按鈕的頁面上（超過25），我不認爲25個clickfunctions用於追加不同的圖像是正確的方式。任何幫助表示感謝，謝謝！

來源

2013-02-11 supersize

你有什麼到目前爲止已經試過？？ – 2013-02-11 11:59:14

使用jquery的實時函數來處理未來事件怎麼樣？ – Neel 2013-02-11 11:59:23

按鈕點擊到另一個頁面還是繼續在當前頁面上發生其他事情？ – 2013-02-11 11:59:40

您可以使用切換功能兩幅圖像之間進行切換這樣enter link description here，

$('.image1-button').click(function(){ 

    $(this).find('img').toggle('src', $(this).data('image')); 

});

來源

2013-02-11 11:59:31 Adil

你不需要25單擊事件：

$(".image1-button").click(function(){ 
    $(".image1-button img").attr("src", "images/button.png") 
    $(this).find("img").attr("src", "images/button_selected.png"); 
});

來源

2013-02-11 11:59:58 Curt

是的，夥計，這很好！正是我想要的，但我怎麼能說，所有其他人得到的「button.png」回我按其中一個拿到他們老img後面... – supersize 2013-02-11 12:04:38

@TedMosby我編輯了我的答案，當點擊一個按鈕時，所有的圖像被重置爲'button.png'，然後**這個**按鈕的圖像被改變 – Curt 2013-02-11 13:21:44

$(.image1-button).click(function(){ 
$(this).children('img').attr("src","images/button_selected.png"); 


})

來源

2013-02-11 12:00:02

這不會「編譯」。 – andr 2013-02-11 12:27:16

改變displayimage按鈕上點擊

回答

相關問題