2

I need help, I would like to change the title in a div when rotating the image.

$('.pics').cycle({
fx:     'fade',
timeout: 6000,
after:   function() {
    var title = $('.image').attr('alt');
    $('.image_title').html(title);
}
});

....

<div class="pics"> 
<img src="01.jpg" alt="Picture 1" class="image"/>
    <img src="02.jpg" alt="Picture 2" class="image"/>
    <img src="03.jpg" alt="Picture 3" class="image"/>
</div>
<div class="image_title"></div>

but this does not work, it displays only the first attribute

4

1 に答える 1

0

$(this)変更する必要があるのは、現在の画像アイテムを参照するためにキーワードを使用することだけだと思います。

after:   function() {
    var title = $(this).attr('alt');
    $('.image_title').html(title);
}

を実行するたびに、セレクターに一致する最初の要素$('.image').attr('alt');のプロパティだけが取得されます。ページのいくつかの要素と非常によく一致する可能性があります。alt$('.image')

于 2012-10-08T10:32:01.900 に答える