引導程序2傳送帶循環一次，然後停止

引導程序2傳送帶循環一次，然後停止。我想我有點失落，因爲如何做到這一點！我試過週期和間隔，但我只是不能找到足夠的文件，如何使這個特定功能引導程序2傳送帶循環一次，然後停止

編輯---我的代碼很簡單！

<div id="myCarousel" class="carousel slide"><!-- Carousel items --> 
<div class="carousel-inner"> 
<div class="active item"><img src="images/carousel/slide-1.png" /></div> 
<div class="item"><img src="images/carousel/slide-2.png" /></div> 
<div class="item"><img src="images/carousel/slide-3.png" /></div> 
</div> 
</div> 
<script> 
$('#myCarousel').carousel({ 
     interval: 2500 
}) 
</script>

來源

2013-10-25 TEN Design

我猜如果你投我的問題，你至少應該告訴我爲什麼。如果很明顯我不會問 –

我猜測它是因爲當你問一個問題時，你應該證明你已經做了什麼來解決問題。顯示一些代碼或舉例說明你的問題，即。 'http://jsfiddle.net/'或'bootply.com' – Trevor

「我想我有點失落了，怎麼做到這一點！」我可以發佈我的HTML標記，但這將是有點愚蠢，因爲每個人都知道它。我沒有做任何關於js函數的說法，就像我聲明的那樣丟失了關於如何執行它:) –

你可以做這樣的事情

<script> 
    var imgCount = 3; 
    $('#myCarousel').carousel({ 
     interval: 2500 
    }); 
    $('#myCarousel').bind('slid',function(){ 
     imgCount--; 
     if(imgCount == 0) 
     $('#myCarousel').carousel('pause'); 
    }); 
</script>

來源

2013-10-25 22:04:25 Trevor

仍然沒有停止，只是嘗試了間隔：false而不是暫停參見http：//ent1.development.webdesign -toledo.com –

如果您不想讓它回到起點，您可以始終設置'imgCount = 2'。 – Trevor

這裏讓我舉個例子。 http://www.bootply.com/90198它應該工作，只要你有jQuery和正確的Bootstrap js/css文件加載.. – Trevor

這裏有一個簡單的方法來獲得你的實際需要。只是這一次替換您的第一行代碼，

<div id="myCarousel" class="carousel slide" data-wrap="false">

，然後它才能循環一次。希望這可以幫助你。

乾杯！

來源

2013-11-20 07:11:45 Nikhil

這真的很奏效！它停在最後一張圖片上，有什麼辦法可以阻止它在第一張圖片上？ – atif

引導程序2傳送帶循環一次，然後停止

回答

相關問題