0

バナー div 内の背景画像と p タグだけをフェードできるようにしたいと考えています。他のすべてが消えてはいけません。最初の背景とpタグがオフから見えるようにするのも良いでしょう。ありがとうございました

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)

jsfiddle

4

1 に答える 1

0

私はあなたのコードを少し変更します

http://jsfiddle.net/pNTqP/9/

html

<img class="banner" />

JavaScript

setInterval(function () {
    $('.banner').fadeOut(300, function () {
        $(this).attr('src',  imgs[i]).find('p:eq(' + i + ')').show().siblings().hide()
            .end().end().fadeIn(300, function () {
            i++;
            if (i === imgs.length) {
                i = 0
            };
        });
    });
}, 5000)
于 2013-06-11T12:41:47.353 に答える