Плавное изображение в другой медленно

Question

Это ссылка: Simple-fading-image-swap

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

Answer 1

использовать его как this

$('.fadein img:gt(0)').hide(); 

setInterval(function() { 
    $('.fadein :first-child').fadeOut(4000) 
          .next('img') 
          .fadeIn(10) 
          .end() 
          .appendTo('.fadein'); 
},4000); // 4 seconds 

Answer 2

попробовать что-то вроде этого, FIDDLE

setInterval(function() { 
$('.fadein :first-child').fadeOut() 
         .next('img') 
         .fadeIn(3000) 
         .end() 
         .appendTo('.fadein'); 
}, 4000); // 4 seconds 

Answer 3

Вы можете указать время для FADEOUT

setInterval(function() { 

     $('.fadein :first-child').fadeOut(2000)// 2 seconds 
           .next('img') 
           .fadeIn(2000) 
           .end() 
           .appendTo('.fadein'); 
    }, 4000); // 4 seconds