每张幻灯片上的jQuery循环全宽包装

Question

我正在使用jQuery Cycle进行幻灯片放映，在主内容区域中使用带有样式的图像作为背景。我正在将该图像褪色为纯色。纯色将覆盖整个页面的宽度。颜色在CMS中动态写入。CMS将颜色的类名添加到循环影响的容器(li)。循环重置我的所有布局？以前有人这么做过吗？

这就是我想要的样式(没有循环)：http://riverdistrictstudio.com/slider/index-no-cycle.html

使用周期：http://riverdistrictstudio.com/slider/

Answer 1

Cycle插件将幻灯片限制为最小大小，并将其设置为绝对大小，因此可以通过彼此淡出幻灯片。

仍然可以让它跨越整个宽度的方法是在ul和样式周围包装一个div，使其成为width: 100%;，并给ul margin: 0 auto;使其在div中居中。