jCarouselLite показать активный элемент first

Question

У меня есть карусель, который использует сценарий jCarouselLite, карусель используется как подменю на странице.

Теперь после нажатия на элемент из карусели литий получает класс активных the're 4 видимых элементов.

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

Я попытался btnGo варианта, но количество элементов может измениться (как в меню), и вызвав CLICK события несколько раз на следующем кнопки, как показано ниже, но событие может быть запущен один раз после этого, он не работает.

$('.slideshow').jCarouselLite({ 
     btnNext: "#next", 
     btnPrev: "#prev", 
     visible:4, 
     circular: false, 
     mouseWheel: true, 
     btnGo:[".slideshow li.active"] 
    }); 

    //scroll to active element 
    var activePosition = $('.slideshow ul li.active').position(); 
    if (activePosition != null) { 
    var index = $('.slideshow ul li.active').index(); 

    for (var i = index-4; i >= 0; i--) { 
     $('#next').trigger('click').delay(800); 
    } 
    }; 

Это можно сделать любым способом?

Answer 1

Чтобы решить эту проблему, фактически замените версию lite на jCarousel, которая имеет встроенную функцию, чтобы перейти в позицию (индекс) примера карусели, показанного ниже.

var activePosition = $('.slideshow ul li.active').position(); 
    if (activePosition != null) { 
    var index = $('.slideshow ul li.active').index(); 
    $('.slideshow').jcarousel('scroll',index); 
    };