滾動圖片

Question

基本上我試圖讓使用MyBB的論壇看起來更加個性化，從當前的主題。目前，我有使用1個像素寬100個像素，並使用下面的代碼重複的主題進行的跨後臺關閉標題給它一個漸變的外觀：

background: #202020 url(images/1/header.png) top left repeat-x; 

什麼我希望做的是在那裏有一個滾動圖像。爲了確保100％清除，請查看此鏈接並查看標題。 Click to be Taken to Example

那麼基本上我該怎麼做，他們在頁面上用滾動圖像做了什麼？

編輯：如果它有幫助，這裏是鏈接到網站。我做它的朋友： Click

EDIT2：標誌的完整的CSS是這樣的：

#logo { 
background: #202020 url(images/1/pan.jpg) top left repeat-x; 
border-bottom: 1px solid #000; 
    text-align:center; 

}

Answer 1

嘗試是這樣的：（見它的工作here）

HTML：

<div id="header">header</div> 
<div id="content">content</div> 

的CSS：

#header { 
    width: 100%; 
    height: 321px; 
    background: url(http://www.vector-finder.com/site-images/too_big/fantasy_banner_vector.jpg) 0 0 repeat-x; 
} 

的JS：

var banner_width = 512; 
var banner_x = 0; 
function moveBanner() { 
    banner_x = (banner_x - 1) % banner_width; 
    $('#header').css('background-position', banner_x + 'px 0'); 
} 
setInterval(moveBanner, 50);