Можно ли выделить текущие элементы в карусели Flexslider, чтобы я мог добавить класс к активным?
Я использую базовую настройку карусели Flexslider. Теперь я хотел бы иметь скрипт, который будет добавлять активный к каждому слайду внутри видимого окна просмотра.
Я использую этот пример: http://flexslider.woothemes.com/basic-carousel.html
Теперь я узнаю, как получить свойства Flexslider в функции запуска. Когда я даю функции параметр, который могу запросить - общее количество элементов в ul, сколько элементов он будет перемещать и сколько будет страниц. Я не знаю, можно ли написать формулу для расчета, какая из них активна с заданными переменными, поэтому я могу выделить их.
$('.flexslider').flexslider({
animation: "slide",
animationLoop: false,
slideshow: false,
itemWidth: 460,
itemMargin: 30,
minItems: 2,
maxItems: 6,
controlNav: false,
customDirectionNav: ".custom-direction li a",
start: function(slider) {
var pagingCount = slider.pagingCount;
var move = slider.move;
var visibleSlides = slider.visible;
var totalSlides = slider.count;
console.log(slider);
console.log(slider.move);
console.log(slider.update);
if (totalSlides) {
$('.slides li').addClass('active-slides');
};
// console.log(slider.count);
// console.log(slider.currentSlide);
}
});
Я начал, но не знаю, как должен выглядеть оператор if или цикл for, чтобы это сделать.
Любые идеи? Заранее спасибо.