Bootstrap 3图像自动调整全屏和滚动效果

时间:2013-11-22 23:16:01

标签: javascript jquery css twitter-bootstrap-3

嗨,这就是我想要实现的目标http://michaelisboyd.com/ 1.Image是自动大小到用户当前分辨率的全宽和高度。 2.滚动效果。

这是我的代码http://codepen.io/anon/pen/wCKoJ

我的问题我不明白在哪里挖。 不确定他们究竟是怎么做的......首先,他们以某种方式调用javascript文件,这些文件并不直接出现在源代码中...可能是通过require.js文件...但这是唯一的.js出现在文件中但是当页面加载完成时,浏览器中有34个已加载的脚本 如果您有教程或知道如何操作的步骤,我将非常感谢有关它的任何信息。

1 个答案:

答案 0 :(得分:1)

对于#1我认为你可以看看这个jquery库http://srobbin.com/jquery-plugins/backstretch/

对于#2,滚动效果位于此文件http://michaelisboyd.com/wp-content/themes/mba/js/views/HeaderView.js中,但我认为您需要深入研究imageHeadDoSnap函数中的代码

此外,您可以查看这些库的演示

http://markdalgleish.com/projects/stellar.js/ https://github.com/desandro/isotopehttp://michaelisboyd.com/网格系统基于此)