在jquery中水平滑換幻燈片

Question

我對動畫背景使用以下腳本，現在圖片淡入淡出，但我希望它們水平向左滑動。

我的問題是，這是一個標準的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);