Здравствуйте. Возникла проблема. Имеется два одинаковых слайдера(карусели). При нажатие на кнопку для прокрутки первой карусели, начинают прокручиваться оба. Понятно, что можно создать еще один скрипт для второй карусели и поменять названия классам.
Возможно ли использовать только один скрипт? Чтобы он определял, что я кликаю на кнопку, к примеру первой карусели и она только прокручивалась.
var carWidth=240;
var visibleSlide = 3;
var blockMargin = 10;
$(function(){
$('.blocks').width($('.blocks').children().size()*carWidth);
$('#next_car').click(function(){
nextCar();
});
$('#prev_car').click(function(){
prevCar();
});
});
function nextCar(){
var currentSlide=parseInt($('.blocks').data('current'));
currentSlide++;
if(currentSlide>=visibleSlide)
{
$('.blocks').css('left',-(currentSlide-2)*carWidth+blockMargin);
$('.blocks').append($('.blocks').children().first().clone());
$('.blocks').children().first().remove();
currentSlide--;
}
$('.blocks').animate({left: -currentSlide*carWidth},300).data('current',currentSlide);
}
function prevCar(){
var currentSlide=parseInt($('.blocks').data('current'));
currentSlide--;
if(currentSlide<0)
{
$('.blocks').css('left',-(currentSlide+2)*carWidth-blockMargin);
$('.blocks').prepend($('.blocks').children().last().clone());
$('.blocks').children().last().remove();
currentSlide++;
}
$('.blocks').animate({left: -currentSlide*carWidth},300).data('current',currentSlide);
}