jCarousel показать объект с выбранным классом

Question

У меня есть список предметов с одним из них, у которого есть class=selected, каждый n второй изменить class=selected на следующий элемент.

Как активировать прокрутку jCarousel и показывать всегда элемент с помощью class=selected?

Answer 1

Непросто установить автопрокрутку на jcarousel?

Вы можете найти информацию здесь: http://sorgalla.com/projects/jcarousel/

свойства: «авто»
Определяет, сколько секунд периодически автопрокрутки содержания. Если установлено значение 0 (по умолчанию), автопрокрутка отключается.

Вам не нужно дополнительное кодирование, чтобы изменить класс «выбран»

Answer 2

Вы можете использовать jcarousel scroll метод как это:

var link = $("#linkIWantToScrollTo"); 

var scrollTo = link.parent().attr("jcarouselindex"); 
var animateScrolling = true; 

// Using jcarousel instance from the element where you applied jcarousel, scroll it... 
$("#menu").jcarousel('scroll', scrollTo - 1, animateScrolling, function(scrolled) { 
     if (scrolled) { 
      console.log('The carousel has been scrolled'); 
     } else { 
      console.log('The carousel has not been scrolled'); 
     } 
}); 

Примечание: необходимо использовать scrollTo - 1 потому index is 0 based. В противном случае вы получите нежелательные результаты! :)

link является якорем <a> как этот:

<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-8 jcarousel-item-8-horizontal" style="float: left; list-style: none outside none;" jcarouselindex="14"> 
<a id="linkIWantToScrollTo" title="Educação de Pacientes e Familiares" href="#"> 
</li> 

С выше кодом jcarousel будет прокручивать в положение 14. Сейчас это работает отлично в одном из моих проектов. Позиция 14 была скрыта из виду, и применение метода прокрутки позволяет отличным пользователям, так как элемент будет в поле зрения.