在一个jQuery Cycle横幅上有多个自动的不同效果

时间:2011-12-02 11:42:40

标签: jquery jquery-cycle

我想使用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错误。

0 个答案:

没有答案