滾動大型臥式圖像自動

Question

我有一個div和一個img標籤一個簡單的HTML頁面，

<div class="wrapper"> 
    <img class="long-image" src="http://www.blueskyimages.info/images/header3.jpg?template=art_and_photography-003&colorScheme=blue&header=&button=buttons1" alt="this is long horizontal image"/> 
</div> 

圖片在尺寸4000x1000像素，我想這個圖像自動滾動加載圖像時。

我不知道我怎麼可以只用一個大圖像

小提琴here

Answer 1

能夠繪製DIV的背景與jQuery做到這一點。

(function slide(){ 
    $('.wrapper').animate({backgroundPosition : '-=2px'}, 60, 'linear', slide); 
})(); 

工作JSFiddle