बूटस्ट्रैप Carousel संख्या सक्रिय आइकन

Question

मैं प्रतीक इस उदाहरण में स्लाइड 1-3 का प्रतिनिधित्व करने के साथ पूरा बूटस्ट्रैप हिंडोला को लागू करने में सक्षम हैं: http://jsfiddle.net/alexmoss/QzVq8/

मैं कक्षा "सक्रिय" है कि नोटिस डिफ़ॉल्ट रूप से जोड़ा जाता है स्लाइड करने के लिए 1 जो तब सक्रिय स्लाइड परिवर्तन के रूप में बदलता है। मैं क्या करना चाहता हूं यह गोलियों के लिए भी होता है। मैंने पहला सक्रिय किया है, लेकिन दूसरा स्लाइड सक्रिय होने के लिए चाहता है, यदि स्लाइड स्लाइड 2, आदि आदि पर है

Answer 1

मूल रूप से वर्तमान में दिखाए गए स्लाइड की अनुक्रमणिका का काम किया, फिर उस इंडेक्स का उपयोग संबंधित नेविगेशन बटन पर 'सक्रिय' वर्ग को लागू करने के लिए किया।

$('#myCarousel').bind('slid', function() { 
    // Get currently selected item 
    var item = $('#myCarousel .carousel-inner .item.active'); 

    // Deactivate all nav links 
    $('#carousel-nav a').removeClass('active'); 

    // Index is 1-based, use this to activate the nav link based on slide 
    var index = item.index() + 1; 
    $('#carousel-nav a:nth-child(' + index + ')').addClass('active'); 
}); 

आप स्पष्ट रूप से कम चर का उपयोग करने के लिए कोड का अनुकूलन कर सकते हैं। हालांकि, मैंने जानबूझकर इसका विस्तार किया है ताकि आप समझ सकें कि क्या हो रहा है।

Answer 2

आपको कैरोसेल की 'स्लीड' घटना को बांधना होगा। अधिक जानकारी यहां हैं ->How to attach "slide" & "slid" events to the Bootstrap toolkit's carousel?