Question

我正在使用jQuery Cycle插件。有问题的页面在这里：

http://harrisonfjord.com/folio/test.html

左侧的菜单使用Cycle插件控制页面中间的内容。非常直截了当。但是，循环是在幻灯片框中添加了一堆样式：

<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'; 
    }
});

我正在使用完整版的Cycle，所以切换containerResize选项应该工作但不行。思考？

是否有可能进入cycle.js代码并将这部分函数撕掉？

编辑：忽略右侧菜单在调整页面大小时表现奇怪的事实，它实际上意味着坐在底部，但为了简单起见，我在这个测试站点中编辑了其余的代码。

Answer 1

除了slideResize: 0

之外，

使用containerResize: 0

停止jQuery循环调整容器的高度和宽度

1 个答案: