2012-01-09 94 views
7

我正在使用jQuery循环插件。有问题的网页是在这里:停止调整容器高度和宽度的jQuery循环

​​

在左边的菜单控制在使用周期插件页面中间的内容。非常简单。然而,周期加入一些样式来滑框:

<div class="adSlideBox" id="asics" style="position: absolute; z-index: 8; top: 0px; left: 0px; display: block; width: 1020px; opacity: 1; "> 

相关侵权代码是真实被设置width属性;我正在构建基于流体布局的网站,并且图像是为了在窗口大小调整时调整大小。所有的工作都很好,直到Cycle为我的每张幻灯片添加讨厌的宽度规则!

我该如何让它停止这样做?我修理使用containerResize: 0,但无济于事。这里的jQuery的电话:

$('#adSlideshow').cycle({ 
    fx:  'fade', 
    speed: 'fast', 
    timeout: 0, 
    pager: '#menu', 
    containerResize: 0, 
    pagerAnchorBuilder: function(idx, slide) { 
     // return selector string for existing anchor 
     return '#menu li:eq(' + idx + ') a'; 
    } 
}); 

我使用的是完整版本的周期的方式,因此拨动containerResize选项应该工作,但没有。思考?

是否有可能进入cycle.js代码并将这部分功能翻出来?

编辑:忽略调整页面时右侧菜单行为异常的事实,它实际上是为了坐在底部,但为了简化本测试网站我已经编辑了其余的代码。

+2

你试过'slideResize:0'? – mrtsherman 2012-01-09 03:20:27

+0

唷!这很有效,我的观点很简单。请转贴为答案,我会标记为正确! – Jascination 2012-01-09 03:21:41

回答

10

使用slideResize: 0除了containerResize: 0

+2

出于某种原因,它在这里不断调整大小。不工作。 – MEM 2013-08-02 18:06:07

+0

我也有。我通过将身高设置为100%来解决我的问题 – 2013-10-30 06:24:22