Question

所以我有这个代码，显示2个图像和一个很好的幻灯片效果。但在显示两个图像后停止。我怎么想要它重复，所以从1-2-1-2那样。

我读到了一些关于此的内容：

    boolean exitLoop = false;
while (!exitLoop) { 
    // insert code here
}

但它不适合我.. Atleast我真的不知道如何添加它。有人可以让我的代码重复吗？这是我的代码：

    <!doctype html>
<html>
<head>

    <script type="text/javascript">

    var slideimages = new Array() ;
    slideimages[0] = new Image() ;
    slideimages[0].src = "Slide1.JPG"; 
    slideimages[1] = new Image() ;
    slideimages[1].src = "Slide2.JPG";

    </script>
</head>
<body>
<div id="slidr-img" style="dislay: block">
<!--    <img data-slidr="one" src="Slide1.JPG" id="slide" />-->
        <img data-slidr="one" src="Slide1.JPG" />
<img data-slidr="two" src="Slide2.JPG" />
</div> 

<script src="slidr.min.js"></script>
<script>

slidr.create('slidr-img', { 
    transition: 'cube',
    controls: 'none'
}).auto(1000);

</script>    

<script type="text/javascript">
</script>
</body>
</html>

谢谢！亲切的问候，劳尔。

Answer 1

根据doc;

// Add horizontal slides with default linear transition.
// **The extra "one" allows the slidr to circle back and loop infinitely.
s.add('h', ['one', 'two', 'three', 'one']);

请阅读明星评论专栏。

您可以用以下内容替换您的滑动创作：

slidr.create('slidr-img', { 
    transition: 'cube',
    controls: 'none'
})
.add('h', ['one', 'two', 'one'])
.auto(1000);

如何重复此代码

1 个答案: