問題

私は1つの大きな画像と小さな親指を持っている、私は彼らのsrcをお互いに交換しようとしている。ここで私はbottleWrapper imgでthumb imgを変更していますが、私は彼らのsrcを交換したいと思います。 Plsヘルプ!

HTML

 <div class="bottlesWrapper">
  <img src="bottle1.png" />
</div>

<div class="thumbs">
   <img src="bottle2.png" />
</div>
 

スクリプト

 <script>
$('.thumbs a').each(function() {
    $(this).click(function() {
       var aimg = $(this).find("img")

      $('.bottlesWrapper img').fadeOut('fast',function(){
         $(this).attr('src', $(aimg).attr('src')).fadeIn('fast');
      });

    });
});
</script>
 

編集

皆さんありがとう:)

私は実際に私がさまざまな親指を持っている1つの情報を与えることを忘れていた、この答えは最高に似ています!あなたの貴重な入力をありがとう!

 $('.thumbs img').click(function() {
    var thmb = this;
    var src = this.src;
    $('.bottlesWrapper img').fadeOut(400,function(){
        thmb.src = this.src;
        $(this).fadeIn(400)[0].src = src;
    });
});
 

  ベストアンサー

SWAPイメージのように:

LIVE DEMO

 $('.thumbs img').click(function() {
    var thmb = this;
    var src = this.src;
    $('.bottlesWrapper img').fadeOut(400,function(){
        thmb.src = this.src;
        $(this).fadeIn(400)[0].src = src;
    });
});
 

複数の「ギャラリー」がある場合: http://jsbin.com/asixuj/5/edit

  同じタグがついた質問を見る

jqueryimageswapattrsrc