jQuery的循環2幻燈片

Question

我有這個問題，一個HTML幻燈片腳本（循環2）：

我需要的是，當只有兩個圖片裏面（因爲它是無用的繼續循環使用相同的圖片）幻燈片演示停止

<div class="slideshow" 
     data-cycle-fx=carousel 
     data-cycle-timeout=3000 
     data-cycle-speed="800" 
     data-cycle-slides="> div" 
     > 
     <!-- empty element for pager links --> 
     <div><img src="images/img1.jpg" /></div> 
     <div><img src="images/img2.jpg" /></div> 
     <!-- <div><img src="images/img3.jpg" /></div> 
     <div><img src="images/img4.jpg" /></div> 
     <div><img src="images/img5.jpg" /></div> 
     <div><img src="images/img6.jpg" /></div> --> 
    </div> 
    </div> 

JS：

<script src="http://malsup.github.io/min/jquery.cycle2.min.js"></script> 
<script src="http://malsup.github.io/min/jquery.cycle2.carousel.min.js"></script> 

我試圖用jQuery和計數的圖像..

<script> 
$(document).ready(function() { 
var images = [ 
'<img src="images/crd-assaeroporti.jpg">', 
'<img src="images/crd-aci.jpg">', 
'<img src="images/crd-malpensa.jpg">', 
'<img src="images/crd-napoli.jpg">', 
'<img src="images/crd-linate.jpg">', 
'<img src="images/crd-torino.jpg">', 
'<img src="images/manu.jpg">' 
]; 
for (var i=0; i < images.length; i++) { 
     $('.slideshow').cycle('add', images[i]); 
    } 
$(this).prop('disabled', true) 
if(images.length <= 6){ 
    alert("Hello\nHow are you?"); 
} 
}); 
</script> 
<div class="credits"> 
    <span>Garantito da</span> 
    <div class="slideshow" 
    data-cycle-fx=carousel 
    data-cycle-timeout=3000 
    data-cycle-speed="800" 
    data-cycle-slides="> img" 
    > 
</div> 
</div> 

Answer 1

你可以這樣說：

if(images.length === 2){ 
    $('.cycle-slideshow').cycle({loop: 1}); 
} 

// loop = 1 , number of times cycle will loop, 0 will loop continuously.