2015-04-03 96 views
0

所以我有這個代碼顯示2圖像和一個不錯的幻燈片效果。 但顯示兩個圖像後停止。 我怎麼想它重複,所以從1-2-1-2那樣。如何重複此代碼

我看了一些關於這一點:

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

,但它不會爲我工作..至少我真的不知道如何添加它。 有人能讓我的代碼重複嗎?這裏是我的代碼:

<!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> 

謝謝了! 親切的問候,勞爾。

+0

在_JavaScript_定義變量時,我們都沒有明確申明的類型,使用'VAR exitLoop = FALSE;' – 2015-04-03 11:16:42

+0

你可以把它在我的代碼,如果你有時間?我不是這方面的專家..只是學習!感謝您的幫助,先生。 – 2015-04-03 11:18:09

回答

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創作:

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

你能讓我的代碼好嗎?我不知道在哪裏添加這個! – 2015-04-03 11:24:36

+0

編輯我的答案,你可以試試嗎? – px5x2 2015-04-03 11:35:49

+0

它爲我工作!謝謝先生:-) – 2015-04-03 13:15:54