1

jquery を少し使って非常に基本的なスライドショーを作成しました。5 秒ごとに新しいスライドを表示するだけです。

function next_slide() {
    var banners = jQuery('.banner-block img');
    var current_b = banners.filter(':visible');
    if (!current_b) {
        current_b = banners.first();
    }
    if (current_b.attr('src') === banners.last().attr('src')) {
        banners.first().addClass('current').fadeIn(1000);
    } else {
        current_b.next().addClass('current').fadeIn(1000);
    }
    current_b.removeClass('current').fadeOut(1000);
}
jQuery(Document).ready(function () {
    setInterval('next_slide()', 5000);
});

これは FF と Safari では機能しますが、Chrome ではエラー (タイトルを参照) がスローされます。コードをググって検証しましたが、コードの何が問題なのかわかりません。

4

1 に答える 1