2014-08-29 6 views
5

मैं ऐसा चाहता था कि जब मैं कैरोसेल पर अगला बटन दबाता हूं, तो यह स्लाइड के अंत तक पहुंच गया है तो फिर चारों ओर लपेटें और पहली स्लाइड पर वापस न जाएं । बूटस्ट्रैप 3 में ऐसा करने का कोई आसान तरीका है?स्लाइड के अंत में चक्र के लिए बूटस्ट्रैप कैरोसेल को रोकें

उत्तर

11

wrap विकल्प को गलत करने के लिए सेट करने से कैरोसेल स्वचालित रूप से साइकिल चलाना बंद कर देता है।

$('#myCarousel').carousel({ 
    interval: 1000, 
    wrap: false 
}); 

इसके अलावा, अगर आप जब हिंडोला प्रथम/अंतिम स्लाइड दिखा रहा है आप इस तरह से कर सकते हैं छोड़ दिया और सही नियंत्रण छुपाना चाहते हैं: इसके तुल्य

$('#myCarousel').on('slid.bs.carousel', '', function() { 
    var $this = $(this); 

    $this.children('.carousel-control').show(); 

    if($('.carousel-inner .item:first').hasClass('active')) { 
    $this.children('.left.carousel-control').hide(); 
    } else if($('.carousel-inner .item:last').hasClass('active')) { 
    $this.children('.right.carousel-control').hide(); 
    } 

}); 

DEMO

+4

, आप कैरोसेल के एचटीएमएल में 'डेटा-रैप = ​​"झूठी" का उपयोग कर सकते हैं। – cvrebert

संबंधित मुद्दे