0

我正在使用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();

就整个视图容器而言，有些东西看起来更好，但幻灯片仍以其原始宽度过渡，从而使多个幻灯片出现在一个视图中。

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

4

1 回答 1

0

调整大小

例如，如果您想让幻灯片宽 580 像素而不是 680 像素，您只需要更改一些 CSS。将.anythingSlider ul li 的宽度更改为580px，将.anythingSlider .wrapper 的宽度更改为580px，将.anythingSlider 100px 的宽度减小为660px。

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

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

于 2012-07-30T11:35:43.557 回答