jquery循環插件：第一個圖像顯示浮動正確

Question

我已經在我的網站上安裝了JQuery Cycle Plugin，它工作正常，但第一張圖像在頁面加載時顯示爲向右浮動。這只是發生在第一張圖片 - 所有其他人都可以。

我不知道這是爲什麼發生的爲我所有的代碼非常簡單：

$(function() { 
    $('#banner').cycle('fade'); 
}); 

<div id="banner"> 
    <img src="images/banner01.jpg" /> 
    <img src="images/banner02.jpg" /> 
    <img src="images/banner03.jpg" /> 
    <img src="images/banner04.jpg" /> 
    <img src="images/banner05.jpg" /> 
    </div> 

#banner 
{ 
    width: 750px; 
    text-align: center; 
    height: 370px; 
    margin: auto; 
    margin-top: 20px; 
} 

#banner IMG 
{ 
    width: 750px; 
    height: 320px; 
} 

我不知道我有什麼做錯了或我能做些什麼來解決它。有人會知道嗎？

該網站是在這裏，如果你想看看：http://austin7.org.au/

編輯：我曾嘗試移動jQuery腳本到頁面的底部也沒有影響。另外，我嘗試過使用不同的圖像 - 它們都有相同的結果。

Answer 1

將left設置爲0。

#banner img{ 
    left: 0; 
}