Доброго дня уважаемые форумчане. Столкнулся со следующей задачей:
Нужно реализовать слайдер с превьюшками в виде серых прямоугольников, при активном окне контента соответствующая превьюшка желтая и при клике влево - вправо желтый прямоугольник перемещается тоже влево-вправо
Безымянный.jpg
Вот то что я сделал:
//Обработка клика на стрелку вправо
jQuery(document).on('click', ".carousel-button-right",function(){
var carusel = jQuery(this).parents('.slider-over');
right_carusel(carusel);
jQuery('.active').next().addClass('active');
jQuery('.active').prev().removeClass();
return false;
});
//Обработка клика на стрелку влево
jQuery(document).on('click',".carousel-button-left",function(){
var carusel = jQuery(this).parents('.slider-over');
left_carusel(carusel);
jQuery('.active').prev().addClass('active');
jQuery('.active').next().removeClass();
return false;
});
прямоугольник перемещается, но проблема возникает когда он находится в конце и в начале. Как сделать чтобы если он к примеру находится в конце справа при клике вправо он перемещался в начало влево? и наоборот. Желтый прямоугольник имеет класс .active
