Question

当我点击图片时，它会更改为备用版本（data-other-src）。

当我点击图片时，我还要将所有其他图片重置为src。我怎么能这样做？

到目前为止，这是我的代码：

<script>
$(".imageOnOff").live('click', function () {
$(this).attr({src: $(this).attr('data-other-src'),'data-other-src': $(this).attr('src') 
})
   });
 </script>

 <img class="imageOnOff" data-other-src="images/color/1.png" src="images/color/1-1.png"      width="16" height="16">
 <img class="imageOnOff" data-other-src="images/color/2-2.png" src="images/color/2.png"   width="16" height="16">
 <img class="imageOnOff" data-other-src="images/color/3-3.png" src="images/color/3.png" width="16" height="16">
 <img class="imageOnOff" data-other-src="images/color/4-4.png" src="images/color/4.png" width="16" height="16"></a>

Answer 1

您应该存储原始的src：

，而不是将data-other-src更改为src

$(".imageOnOff").live('click', function () {
  $(".imageOnOff[original-src]").each(function(){
       this.src = $(this).attr('original-src');
       $(this).removeAttr('original-src');
  });
  $(this).attr('original-src', this.src);
  this.src = $(this).data('other-src');
})

Demonstration

onclick使用jquery更改图像源

1 个答案: