サイトにJQuery Cycle プラグインをインストールしましたが、正常に動作しますが、ページが読み込まれたときに最初の画像が右側に浮かんで表示されます。これは最初の画像にのみ発生します - 他のすべては問題ありません。
私のコードはすべて非常に単純であるため、なぜこれが発生しているのかわかりません。
$(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スクリプトをページの下部にも移動しようとしましたが、影響はありません。また、さまざまな画像を使用してみましたが、結果はすべて同じです。