Плагин Cycle jQuery, могут ли изображения скользить в обоих направлениях интуитивно?

Question

Я использую плагин цикла jQuery, найденный здесь: http://jquery.malsup.com/cycle/

Работает хорошо. Мой клиент хочет, чтобы список <div> с изображениями, текстом и т. Д. Двигался горизонтально на первой странице. Но она также хочет, чтобы я использовал предыдущий и следующий варианты, чтобы стрелки по обе стороны могли управлять скользящими панелями.

Вот вызов плагина jQuery, который я использую:

$('#slidingpanelscontent').cycle({ 
    fx: 'scrollLeft',
    next: "#sliding_next",
    prev: "#sliding_prev",
    timeout: 6000,
    speed: 800
});

Это работает по большей части. Если щелкнуть стрелку вправо (#sliding_next), текущая панель прокручивается влево, чтобы открыть следующую панель. Однако при нажатии стрелки влево (#sliding_prev) текущая панель по-прежнему прокручивается влево, чтобы отобразить предыдущее изображение.

Другими словами, отображается правильное изображение, но анимация нелогична и заставит пользователя поверить, что отображается СЛЕДУЮЩАЯ панель, а не возвращаться к предыдущей панели.

Кто-нибудь знает способ преодоления этого с помощью этого плагина?

Answer 1

Используйте fx: 'scrollHorz' вместо fx: 'scrollLeft'.Таким образом, анимация будет работать с обеих сторон.Надеюсь, что это поможет:)

Answer 2

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

Подробнее см. В этом руководстве по бесконечной карусели .

Правка.http://jquery.malsup.com/cycle/add6.html