jquery - 更改背景图片和文字，旋转横幅样式

Question

我想每 5 秒左右更改一次背景图像和 div 的内容，就像使用 jquery 的旋转横幅一样。

将有一个图像 url 列表和一个文本列表，每个都将按照它们所在的顺序淡入/淡出并继续循环。

我已经为某人设置了文档以请指导我。非常感谢所有帮助。谢谢

http://jsfiddle.net/samjsharples/pNTqP/

<div class="banner">
    <div class="titles">
        <p>Title1</p>
        <p>Title2</p>
        <p>Title3</p>
    </div>
</div>

Answer 1

如果我理解正确

var imgs = ['http://www.google.com/logos/1998/googleburn.jpg', 'http://www.google.com/logos/1998/googlebeta.jpg', 'http://www.google.com/logos/1999/googlepump.gif'],
    i = 0;

setInterval(function () {
    $('.banner').fadeOut(300, function () {
        $(this).css('background-image', 'url(' + imgs[i] + ')').find('p:eq(' + i + ')').show().siblings().hide()
            .end().end().fadeIn(300, function () {
            i++;
            if (i === imgs.length) {
                i = 0
            }
        });
    });
}, 5000)

小提琴