【发布时间】:2012-02-05 16:48:23
【问题描述】:
我正在使用 jQuery Cycle 插件。有问题的页面在这里:
http://harrisonfjord.com/folio/test.html
左侧的菜单使用 Cycle 插件控制页面中间的内容。很简单。但是,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 代码,然后将这部分功能撕掉?
编辑:忽略右侧菜单在调整页面大小时行为怪异的事实,它实际上应该位于底部,但为了简单起见,我在此测试站点中编辑了其余代码。
【问题讨论】:
-
你试过
slideResize: 0吗? -
呸!那行得通,这对我来说是多么简单的忽略。请重新发布作为答案,我将标记为正确!
标签: jquery jquery-cycle