Показать сообщение отдельно
  #1 (permalink)  
Старый 12.03.2015, 21:43
Новичок на форуме
Отправить личное сообщение для Kobe_kobe Посмотреть профиль Найти все сообщения от Kobe_kobe
 
Регистрация: 12.03.2015
Сообщений: 5

Повторное использования скрипта.
Здравствуйте. Возникла проблема. Имеется два одинаковых слайдера(карусели). При нажатие на кнопку для прокрутки первой карусели, начинают прокручиваться оба. Понятно, что можно создать еще один скрипт для второй карусели и поменять названия классам.
Возможно ли использовать только один скрипт? Чтобы он определял, что я кликаю на кнопку, к примеру первой карусели и она только прокручивалась.



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);
    }
Ответить с цитированием