我想使用jQuery循环制作一个包含多个具有不同自动播放效果的元素的横幅。
例如,我希望图像淡入淡出。并且图像顶部的文本从左向右滚动。
我制作了以下HTML:
<div class="slideshow">
<div>
<p>txt</p>
<img src="images/banner1.jpg" alt="banner1" />
</div>
<div>
<p>txt2</p>
<img src="images/banner2.jpg" alt="banner2" />
</div>
</div>
我尝试在第一个内部启动第二个jQuery循环实例。 但这不起作用。
$('.slideshow').cycle({
fx: 'fade',
after: function(currSlideElement, options) {
$('.slideshow p').cycle({
fx: 'scrollHorz'
});
}
});
我还尝试了两个完全不同的.cycle
个实例,但后来我遇到了next is undefined
错误。