jQuery цикл полной ширины оболочки на каждом слайде

Question

Я использую jQuery Cycle для слайд-шоу со стилизованным изображением фона в основной области содержимого. Я превращаю это изображение в сплошной цвет. Сплошной цвет будет занимать всю ширину страницы. Цвета записываются динамически в CMS. CMS добавляет имя класса цвета в контейнер (li), на который влияет Cycle. Цикл сбрасывает все мои макеты? Кто-нибудь делал это раньше?

Вот как я хочу, чтобы стиль выглядел (без цикла): http://riverdistrictstudio.com/slider/index-no-cycle.html

с циклом: http://riverdistrictstudio.com/slider/

Answer 1

Плагин Cycle противопоставляет слайды их наименьшему размеру и делает их абсолютными, чтобы они могли плавно переходить друг в друга.

То, как вы все еще можете сделать так, чтобы оно охватывало всю ширину, состояло бы в том, чтобы обернуть div вокруг ul и стилизовать его, сделать его width: 100%; и дать ul margin: 0 auto; для его центрирования.Div.