Как создать карусель с перекрывающимся видом? [jsFiddle и ASCII art Included}

Question

http://jsfiddle.net/yxhzU/1042/

Я пытаюсь изменить этот пример, чтобы в верхней карусели вы могли видеть 10% слайдов с обеих сторон.

Любая помощь, направившая меня в правильном направлении, была бы великолепна, спасибо!

Viewable area would look something like this:
______    _________________________    _______
______|  |_________________________|  |_______
prev^            ^current^             ^next

Answer 1

http://jsfiddle.net/yxhzU/1069/

Я изменил код плагина, который вы использовали.Я не проверял это полностью, но это даст вам хорошее представление о том, что вы должны сделать.

Я сделал следующие модификации:

Добавлены 2 дополнительные настройки

• itemwidth - Это число от 1 до 100, которое символизирует процент ширины каросела, который занимает один элемент.

• начальное смещение - аналогично это количество начального пространства слева, оставленного открытым, также в процентах (0-100)

Наконец, я изменил все вычисления, где элементы упакованы и анимированы дляиспользуйте новые "рассчитанные" ширины, которые включают вышеупомянутое масштабирование.

Проблема, с которой вы столкнулись, состоит в том, что многие плагины jquery и пользовательский интерфейс jquery оборачивают ваши элементы в дополнительные "div" и другие объекты DOM.Таким образом, в то время как вы использовали стили для изменения ширины ваших страниц в кароселе, они фактически были внутри других вещей.Я не думаю, что в любом случае вы могли бы заставить его работать только с css, потому что части кода анимации были основаны на ширине, которая была измерена внутри.

Редактировать: Просто к сведению, я только просматривал его в Chrome.1026 *