私は 1 つの大きな画像と小さな親指を持っています。それらの src を互いに交換しようとしています。ここでは、bottleWrapper img の親指の img を変更していますが、src を交換したいと考えています。助けてください!
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;
});
});