我有一个问题WOW.js https://github.com/matthieua/WOW and 查询加载器2 http://gayadesign.com/diy/queryloader2-preload-your-images-with-ease/.
我使用 Query Loader 2 的原因是因为我使用 masonry.js (masonry.desandro.com/) 来调整我的投资组合“类似 pinterest”,通常页面加载速度很快,但是有时当我在 Chrome 中以隐身模式对其进行测试以查看它对于首次打开页面的用户的行为时,需要一些时间,并且在页面加载之前,所有动画都使用预加载器屏幕执行。
所以,我想实现 wow.js 动画在 Query Loader 2 完成加载后执行。
这是我的现场演示 http://raumfuerkunsttherapie.de/squared_pixel/
我在 main.js 中有 QueryLoader2 的执行代码:
/* Query Loader 2 */
$("body").queryLoader2({
backgroundColor: "#3f4134",
percentage: true,
deepSearch: true,
barHeight: 0,
completeAnimation: "fade"
});
请帮忙。
在以下位置初始化 WOW.jsonLoadComplete
打回来:
/* Query Loader 2 */
$("body").queryLoader2({
backgroundColor: "#3f4134",
percentage: true,
deepSearch: true,
barHeight: 0,
completeAnimation: "fade",
onLoadComplete: function() {
new WOW().init();
}
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)