Jquery Fade In Fade Out Проблема в 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

Hi Это не задерживается в Safari (6.0.5) на OSX, но ваши фотографии - это большие способы. 7 x 500kB - это много материала для загрузки и обработки. Возможно, это приводит к вашим отставаниям.