0

画像をクリックすると、代替バージョン ( 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>
4

1 に答える 1

0

data-other-srcを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');
})​

デモンストレーション

于 2013-01-03T11:02:17.243 に答える