jquery图片加载问题,等图片加载完再加载JS

按照页面加载的速度，谁在前面先加载谁，这样一来，很多时候在图片较多的网站都会出现问题，尤其是有些高度宽度是根据图片来计算的布局上面就会出问题，那么如何来解决呢？

var t_img;
var isLoad = true;
isImgLoad(function(){
var imgheight=$("#ban_pic1 img").height;
});
function isImgLoad(callback){
$('#ban_pic1 img').each(function(){
if(this.height === 0){
isLoad = false;
return false;
}
});
if(isLoad){
clearTimeout(t_img);
callback();
huandeng();
}else{
isLoad = true;
t_img = setTimeout(function(){
isImgLoad(callback);
},500);
}
}
function huandeng(){
$('#demo1').banqh({
box:"#demo1",//总框架
pic:"#ban_pic1",//大图框架
pnum:"#ban_num1",//小图框架
prev_btn:"#prev_btn1",//小图左箭头
next_btn:"#next_btn1",//小图右箭头
autoplay:false,//是否自动播放
interTime:5000,//图片自动切换间隔
delayTime:400,//切换一张图片时间
pop_delayTime:400,//弹出框切换一张图片时间
order:0,//当前显示的图片（从0开始）
picdire:true,//大图滚动方向（true为水平方向滚动）
mindire:true,//小图滚动方向（true为水平方向滚动）
min_picnum:5,//小图显示数量
})
}


这样一来就可以了，好处是：页面正常了，缺点是，页面速度好像变慢了！