jquery - jQuery 循环和标题图像

Question

我需要帮助，我想在旋转图像时更改 div 中的标题。

$('.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>

但这不起作用，它只显示第一个属性

Answer 1

我相信您唯一需要更改的是使用$(this)关键字来引用当前图像项。

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

每次执行时$('.image').attr('alt');，你得到的只是alt第一个匹配选择器的元素的属性。$('.image')可以很好地匹配您页面上的多个元素。