2012-04-23 92 views
0

我有一個客戶端請求連續滑動橫幅,基本上它是一個圖像,從左到右移動超過5秒,我知道該怎麼做,我只需要知道如何設置它高達所以循環和它起着像一個連續的動畫連續滾動圖片橫幅Jquery

$(document).ready(function() { 
     function slide() { 
      $(".img1").stop(true).animate({'left' : '960px'}, 5000); 
     } 

     slide(); 
    }); 

感謝

編輯

OK嘗試這一點,仍然沒有循環,一直在努力setIntervals但沒有工作,我知道我失蹤有些簡單,但是什麼

function slide(){ 
     $('.homepageslider').animate({ 'left' : '0px' }), 
      { duration: 5000, 
       complete: function() { $(".homepageslider").css('left','-2028px'); 
        slide();  
      } 
      } 

}; 

回答

1
$('#book').animate({ 
    'left' : '960px' 
    }, { 
    duration: 5000, 
    complete: function() { 
    //reset image position 
     $(".img1").css('left','0px'); 
    // activate animation again 
     slide(); 

    } 
    }); 

我喜歡目前的圖像後追加圖像的克隆,一旦它的淡出人們的視線中除去以前的圖像,所以它看起來渾然一體,但你也可以試試上面的代碼。

+0

無法讓它循環靜止 - 圖像重置,但無法找到一種方法來啓動它,一直在嘗試setinterval,但它的混亂作爲theres 2功能即時猜測 – Callam 2012-04-23 10:35:42

+0

嘗試聲明函數slide()以外的文檔。準備。只保留document.ready中的函數調用。 – Gaurav 2012-04-23 10:37:49

+0

nope,可能是一個虛擬的,但看看即時嘗試編輯 – Callam 2012-04-23 10:48:33