Bootstrap Carousel Number active icon

Мне удалось реализовать карусель Bootstrap со значками для представления слайдов 1-3 в этом примере:http: //jsfiddle.net/alexmoss/QzVq8

Я замечаю, что класс «активный» по умолчанию добавляется к слайду 1, который затем изменяется по мере изменения активного слайда. то, что я хочу сделать, это сделать это для пуль тоже. я сделал первый активным, но хочу, чтобы второй стал активным, если сам слайд находится на слайде 2 и т. д. и т. д.

 khatz040614 февр. 2013 г., 04:41
1, спасибо за это.

Ответы на вопрос(2)

Решение Вопроса

затем использовал этот индекс, чтобы применить 'активный' класс к соответствующей навигационной кнопке.

$('#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');
});

Вы можете четко оптимизировать код, чтобы использовать меньше переменных. Однако я намеренно расширил его, чтобы вы поняли, что происходит.

 manc09 мая 2012 г., 18:03
Большое спасибо, Дэн. отличный код и не занимает много места, и может применяться к нескольким слайдерам. +1 !!!
 manc08 мая 2012 г., 16:28
да, я просто хотел узнать, какой код будет здесь

Ваш ответ на вопрос