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')可以很好地匹配您网页上的多个元素。

JQuery循环和标题图像

1 个答案: