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

Я использую плагин цикла 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), текущая панель по-прежнему прокручивается влево, открывая предыдущее изображение.

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

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


plugins jquery cycle jquery-plugins
person rhodesjason    schedule 21.08.2010    source источник

Ответы (2)


arrow_upward
2
arrow_downward

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

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

Редактировать: вы видели эту демонстрацию, которая, кажется, имеет описанную вами функциональность? http://jquery.malsup.com/cycle/add6.html

person jwal    schedule 21.08.2010
comment
Кажется, это действительно то, что ищет Джейсон. Похоже, ключ в том, чтобы использовать эффект «scrollHorz», а не «scrollLeft». - person Ender; 21.08.2010
comment
scrollHorz это! На сайте почему-то не нашел. Спасибо, оба! - person rhodesjason; 21.08.2010

arrow_upward
5
arrow_downward

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

person Simon Arnold    schedule 02.09.2011