Jquery淡出Safari中的淡出问题

Question

我使用jQuery创建了这个简单的图像滑块： Fiddle

我发现它在除了Safari之外的所有其他浏览器中都运行得很好。

这是我的脚本的代码片段：

$(document).ready(function () {
    loadLandingSlider();
});
var counter = 0;

function loadLandingSlider() {
    totalImg = $('#rotating-item-wrapper img').length;

    rotate = setInterval(function () {
        loadImg();
    }, 3000);
}

function loadImg() {
    $('.rotating-item').fadeOut(1000);
    $('#rot' + counter).fadeIn(1000);

    if (counter == totalImg)
        counter = 1;
    else 
        counter++;
}

是否有一些解决方法？

Answer 1

嗨它在OSX上的Safari（6.0.5）中没有延迟，但你的图片是大的方法。 7 x 500kB是很多要加载和处理的东西。也许这会导致你的滞后。