我已经在我的网站上安装了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 脚本移动到页面底部,但没有影响。此外,我尝试使用不同的图像 - 它们都有相同的结果。