Перемещение fadein со слайдом по горизонтали в jquery

Question

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

Мой вопрос в том, что это стандартная функция jquery, потому что у меня есть проблемы с поиском надлежащего способа сделать это.

Может ли кто-нибудь помочь мне изменить мой код, чтобы он сделал то, что я хочу?

Заранее спасибо.

код я использую:

$(function(){ 
    $('#background img:gt(0)').hide(); 
    setInterval(function(){ 
     $('#background :first-child').fadeOut() 
     .next('img').fadeIn() 
     .end().appendTo('#background');}, 
     3000); 
}); 

Answer 1

Вы можете использовать JQuery .animate() для переключения по горизонтали. Например:

$('#background :first-child').animate({width: 'toggle'}) 
    .next('img').animate({width: 'toggle'}) 
    .end().appendTo('#background');}, 
    3000);