Question

我试图用div中的图像实现jQuery或JavaScript无限重复循环。五个图像只向左移动一次，这就是结束。我想将五个图像移动一个无限重复循环。你能帮我解决一下我的代码吗？

问候。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

<div class="photobanner">
    <div id="photoSlider">
        <div class="photos">
            <img src="images/01.jpg" style="margin-top: 15px" />
            <img src="images/02.jpg" style="margin-top: 15px" />
            <img src="images/03.jpg" style="margin-top: 15px" />
            <img src="images/04.jpg" style="margin-top: 15px" />
            <img src="images/05.jpg" style="margin-top: 15px" />
        </div>
    </div>
</div>

<script type="text/javascript">
    function infinite() {
        var elem = document.getElementById("photoSlider");
        elem.appendChild(elem.children[i].cloneNode(true));
      setTimeout(infinite, 1);
    }
</script>

我的CSS：

http://pastebin.com/hS3C5ns4

Answer 1

您可以在线使用多个JQuery滑块插件。您尝试实现的功能非常普遍，使用插件可确保所有案例场景得到妥善处理，而无需担心您所开发的内容存在缺陷。您可以使用的一个流行的是https://amazingslider.com/。还有其他选择。只是探索并决定!!

如何在jQuery或JavaScript中创建无限重复循环？

1 个答案: