Question

我正在使用anythingslider并遇到重大问题，试图通过移动响应视图使其兼容。

基本上我正在做的是当窗口调整大小时我改变了这些变量：

var lists = jQuery('.page-home .featured-rotator ul li');
var slider = jQuery('div.anythingSlider');
var shadow = jQuery('div.region-home-featured')

匹配在调整大小时更新的此变量：

var slider_width = jQuery('.home-featured').width();

有些内容在整个视图容器方面看起来更好，但幻灯片仍以原始宽度过渡，从而在一个视图中显示多个幻灯片。

其他人试图改变宽度？我在另一个答案中读到了如何设置变量，使其在一行代码中响应，但我没有运气试图实现它。我做错了还是不适用于这个滑块？

Answer 1

调整大小

例如，如果您想将幻灯片放宽580px而不是   680px宽，你只需要更改一些CSS。改变宽度   .anythingSlider ul li to 580px，改变.anythingSlider的宽度   .wrapper到580px，并将.anythingSlider 100px的宽度减小到   660px。

http://css-tricks.com/anythingslider-jquery-plugin/

您不仅需要调整包装器的大小，还需要调整li元素的大小。即，在您的情况下.featured-rotator ul li

使jquery.anythinglider响应

1 个答案: