改变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按钮上点击

回答

相关问题