我实现了一个类似于here的循环效果。在该演示中,插件在包含滑动元素的div上添加以下内联css:
overflow: hidden; position: relative;
在我的页面上,它添加了这个css:
overflow: hidden; position: relative; width: 302px; height: 414px;
因此,滑动div的部分内容是模糊/不可见的。插件如何计算302px的宽度以及如何更改它?
我的测试页面可以看到here,问题是当鼠标移动中心图像时,右边的灰色边框不会出现在某些浏览器中。它被#slider div模糊了。我正在对此进行持续改动,所以事情可能看起来有点奇怪
编辑:我设法使用下面的JS修复它,但我仍然有兴趣回答这个问题$("#slider").css('width', "420px");
答案 0 :(得分:2)
我遇到了同样的问题。如果您只需要固定宽度,请将以下选项添加到cycle()调用中:
width:530,
fit:true