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



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

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

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

我知道我可以通过使用$(window)来修复当前图像的缩放。调整事件大小,但这不是问题所在。

看看Maximage 2.0,它使用jQuery循环插件来创建全屏背景幻灯片。看起来它能满足你的要求。

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

调整尺寸后需要根据屏幕宽度调整滚动距离(left或margin-left)。我不确定使用什么属性循环来做到这一点。就像你在调整图像大小后,你还需要设置开始位置。

相关内容

  • 没有找到相关文章

最新更新