全屏jQuery循环,调整窗口大小

时间:2011-09-17 14:27:04

标签: jquery cycle jquery-cycle

我尝试使用jQuery Cycle构建幻灯片,其中图像填充整个浏览器,进行调整以使它们始终居中并在点击时水平滚动(scrollHorz)。

这一切都很好,但是当我调整浏览器窗口大小时,滚动距离不会根据图像的缩放进行调整。

可以完成这样的调整吗?这是我的源代码:http://jsfiddle.net/taifun/GWrbB/

我知道我可以通过使用$(window).resize事件修复当前图像的缩放比例,但这不是问题。

任何建议都将受到赞赏。

2 个答案:

答案 0 :(得分:3)

看看Maximage 2.0 ......它使用jQuery Cycle插件来创建全屏背景幻灯片。看起来它可以满足您的需求。

http://www.aaronvanderzwan.com/blog/2011/11/maximage-2-0-beta1-release/

答案 1 :(得分:0)

您需要根据调整大小后的屏幕宽度调整滚动距离(左侧或左侧边距)。我不确定属性循环用于执行此操作。就像你在调整大小后重新调整大小一样,你还需要设置起始位置。