1

我是 jQuery 的新手，我正在尝试创建幻灯片。我创建了它，但是当计时器更改我的图片时，所有页面似乎都被刷新了。

HTML 示例：

<div class="slide">
    <img id="scroll_image" src="img/rooms/suite5.jpg" width="1000" height="350" alt="hotel-suite-1" class="show" />
    <img id="scroll_image" src="img/rooms/suite1.jpg" width="1000" height="350" alt="hotel-suite-2" />
    <img id="scroll_image" src="img/rooms/suite2.jpg" width="1000" height="350" alt="hotel-suite-3" />
    <img id="scroll_image" src="img/rooms/suite3.jpg" width="1000" height="350" alt="hotel-suite-4" />
    <img id="scroll_image" src="img/rooms/suite4.jpg" width="1000" height="350" alt="hotel-suite-5" />
</div><!--end of slide-->

jQuery 示例：

$(document).ready(function() {
    slideShow();
});

function slideShow() {
    var current = $('.slide .show');
    var next = current.next().length ? current.next() : current.parent().children(':first');
    current.hide().removeClass('show');
    next.fadeIn().addClass('show');
    setTimeout(slideShow, 6000);
}

如果您单击此处，向下滚动页面并等待计时器更改图像，您会明白我的意思！？

4

1 回答 1

1

令人耳目一新的不是您的页面。每次滑动图像时，您的页面都会因某种原因滚动。

您的问题是您正在使用的 jquery-min-1.5.1.js。

将您的 jQuery 更新到最新版本，问题将得到解决 :) 您也可以使用最新的外部 jquery 链接：

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

来源：是否有指向 Google API 上“最新”jQuery 库的链接？

jsFiddle使用你的 jQuery 版本

jsFiddle最新版本（如上图使用最新的外部链接）

祝你好运！

于 2013-11-08T18:29:04.680 回答