jquery carousel auto scroll с текстом и изображением

Question

Я использую карусель jquery, и у меня есть изображение, автоматически вращающееся здесь (http://jsbin.com/unoce/2), поэтому проблема, с которой я сталкиваюсь, - это содержимое слева, а не AUTO, вращающееся "с" изображение и выбор стрелки тоже. Он работает только тогда, когда я нажимаю содержимое слева, а затем изображение справа вместе со стрелкой перемещается вместе.

Может ли кто-нибудь оказать поддержку, чтобы я мог получить текст и стрелку, чтобы «авто» вращался вместе с изображением?

Этот код ниже будет вращаться только изображение и ничего больше ...

jQuery(document).ready(function() { 
    jQuery("#features").jcarousel({ 
    scroll: 1, 
    auto:2, 
    wrap: 'both', 
    initCallback: mycarousel_initCallback, 
    buttonNextHTML: null, 
    buttonPrevHTML: null 
    }); 
}); 

Вот демо, и вы можете редактировать эту демонстрацию тоже: http://jsbin.com/unoce/2

Спасибо,

Evan

Answer 1

Посмотрите на это:

http://jsbin.com/unoce/7/edit

• Вы используете старую версию JQuery (1.3.2). Текущее значение 1.4.2, поэтому я включил его в jsBin, чтобы использовать размещенную в JQuery версию Google.

• Это не было частью проблемы, но я укрепил некоторый код. У вас было несколько звонков на номер $(document).ready(). Это неплохо, но это не обязательно. Я объединил код в один вызов ready().

• Вы назначили 2 обработчика щелчков. Опять же, это прекрасно, но не нужно. Я поместил код из обоих в обратный вызов для свойства initCallback.

• initCallback получает только один раз, в начале. Поэтому класс current не обновлялся, когда он автоматически обновлялся.

jCarousel имеет множество других вариантов обратного вызова. Один из них называется itemVisibleInCallback. Это на самом деле принимает объект, который может принимать два обратных вызовов:

itemVisibleInCallback: { 
     // This one is called before new item is displayed 
    onBeforeAnimation: mycarousel_itemVisibleBefore, 

     // This one is called after new item is displayed 
    onAfterAnimation: mycarousel_itemVisibleAfter 
} 

Вот где я ухаживала за удаление и добавление current класса.

Эти обратные вызовы могут иметь четыре параметра: карусельного, запись, IDX, состояние

мне пришлось использовать параметр idx обратиться к соответствующему пункту #features-nav, поскольку параметр item, казалось бы сослаться на пункт быть прокручивается.

В любом случае, надеюсь, что это поможет.