Карусель с динамическим содержанием - PullRequest
1 голос
/ 03 июня 2010

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

Требования:

  • вертикальный список предметов, в div-контейнере, структура div / ul / li
  • пользователь должен иметь возможность прокручивать список, с плавной прокруткой при наведении курсора на элемент div, ускорение прокрутки по направлению к верху и низу
  • прокрутка бесконечна в обоих направлениях (т. Е. В конце списка список начинается снова, вместо изменения направления)
  • список генерируется динамически через js
  • при щелчке выбранный элемент перемещается в центр, при нажатии мыши ближайший центр элемента перемещается в центр
  • элементы списка не имеют фиксированной высоты

после того как я отказался от своего собственного решения ... Я пробовал jcarousel, который можно убедить сделать все эти вещи, кроме плавной прокрутки. также, если щелкнуть элемент в конце списка [с помощью scroll ()] и текущий элемент является первым элементом, список прокручивается назад до конца, а не просто прокручивается до следующего элемента.

следующий шаг jquery.serialscroll. все работает, кроме бесконечной прокрутки, или, вернее, нижняя часть может быть сделана для бесконечной прокрутки (через абсолютное позиционирование элементов списка в относительном ul), но я понятия не имею, что делать с прокруткой к вершине.

во время прокрутки можно предположить, что новые элементы не добавляются.

без требования плавной и переменной / непредсказуемой скорости прокрутки, проблемы не кажутся слишком сложными для решения, но в совокупности я просто не могу найти решение.

есть ли плагин jquery, который я пропустил или кто-то заставил его работать с использованием serialscroll или jcarousel?

надеюсь, что этой информации достаточно, и при переводе не слишком много потеряно.

ура и заранее спасибо

1 Ответ

0 голосов
/ 10 сентября 2010

Лучшее, что я нашел, это: http://www.jacksasylum.eu/ContentFlow/

Я считаю, что он отвечает всем (или, безусловно, большинству) ваших требований, работает во всех браузерах и даже не требует JQuery.

Надеюсь, это поможет.

...