我尝试使用jQuery Cycle构建幻灯片,其中图像填充整个浏览器,进行调整以使它们始终居中并在点击时水平滚动(scrollHorz)。
这一切都很好,但是当我调整浏览器窗口大小时,滚动距离不会根据图像的缩放进行调整。
可以完成这样的调整吗?这是我的源代码:http://jsfiddle.net/taifun/GWrbB/
我知道我可以通过使用$(window).resize事件修复当前图像的缩放比例,但这不是问题。
任何建议都将受到赞赏。
答案 0 :(得分:3)
看看Maximage 2.0 ......它使用jQuery Cycle插件来创建全屏背景幻灯片。看起来它可以满足您的需求。
http://www.aaronvanderzwan.com/blog/2011/11/maximage-2-0-beta1-release/
答案 1 :(得分:0)
您需要根据调整大小后的屏幕宽度调整滚动距离(左侧或左侧边距)。我不确定属性循环用于执行此操作。就像你在调整大小后重新调整大小一样,你还需要设置起始位置。