Fade in effect выглядит слишком ярким и сырым,

Question

Привет, ребята, я изменил код, который я нашел, чтобы генерировать изображения, исчезающие после того, как они зависали, но это вызывает эту интенсивную вспышку белого цвета между слайдами, которая выглядит действительно дрянной. Я установил черный фон с этим изображением, но, похоже, это не изменило ситуацию.

Каков способ достижения плавных переходов между слайдами?

Также это самый сложный код, с которым я работал, как это сделать, чтобы просто переключаться между фотографиями каждые 3 секунды без его срабатывания событием зависания?

setTimeout(function(){ 
    $('.photo-holder').hover(
     function() { 
      $(this).stop().fadeOut("100", function() { 
       $(this).css("background",  "url('http://tbc/images/ropes.jpg')").fadeIn(100); 
      }); 
     }, 
     function() { 
      $(this).stop().fadeOut("1000", function() { 
       $(this).css("background", "url('http://tbc/images/weights.jpg')").fadeIn(1000); 
       700 
      }); 
     } 
    ); 
    700 
}); 

Answer 1

Возможно, что-то подобное по правому краю?

// You may want to preload these images 
var photos = ['ropes.jpg', 'weights.jpg']; 
var currentPhoto = 0; 

function changePhoto() { 
    $('.photo-holder').fadeOut(function() { 
     $(this).css('background-image', 
        "url('http://tbc/images/" + photos[currentPhoto] + "')"); 
     currentPhoto = (currentPhoto + 1) % photos.length; 
    }).fadeIn(); 
} 

setInterval(changePhoto, 3000);