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;
}

Jquery Cycle插件：第一个图像显示为右浮动

1 个答案: