每张幻灯片上的 jQuery Cycle 全宽包装器

Question

我正在使用 jQuery Cycle 进行幻灯片放映，在主要内容区域中使用带样式的图像作为背景。我正在将该图像褪色为纯色。纯色将跨越页面的整个宽度。颜色是在 CMS 中动态写入的。 CMS 将颜色的类名添加到 Cycle 影响的容器 (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 中居中。