$(document).ready(function () {
$().piroBox_ext({
piro_speed: 700,
bg_alpha: 0.5,
piro_scroll: true
});
});
ready事件在DOM结构绘制完成之后就会执行,这样能确保就算有大量的媒体文件没加载出来,JS代码一样可以执行。
load事件必须等到网页中所有内容全部加载完毕之后才被执行。如果一个网页中有大量的图片的话,则就会出现这种情况:网页文档已经呈现出来,但由于网页数据还没有完全加载完毕,导致load事件不能够即时被触发。
为了触发轮播事件,需要页面所有内容加载完成后才加载数据,所以代码应该修改为
window.onload = function () {
$().piroBox_ext({
piro_speed: 700,
bg_alpha: 0.5,
piro_scroll: true
});
}