JQuery Карусель Автопрокрутка с текстом и изображением - PullRequest
Новая
       12

JQuery Карусель Автопрокрутка с текстом и изображением

0 голосов
/ 10 июня 2010

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

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

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

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

Спасибо,

Эван

1 Ответ

1 голос
/ 10 июня 2010

Взгляните на это:

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

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

  • Это не было частью проблемы, но я объединил некоторый код. У вас было несколько звонков на $(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, казалось, ссылался на прокручиваемый элемент.

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

...