重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
//①首先要获得该元素背景图片的URL;
创新互联主要从事成都做网站、网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务新兴,十余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
//②NEW一个图片对象
var bgimg = new Image();
//③给这个图片对象加上onload事件
bgimg.src = '该元素背景图片的URL';
bgimg.onload = function () {
//图片对象加载完成,对应的该元素背景图片也加载完成
}
你可以用以下方式实现:
$(document).ready(function(){
$("#divImage").each({1.jpg 2.jpg 3.jpg 4.jpg 5.jpg},function(i,n){
var imgName="";
if(n=='3.jpg' || n='4.jpg'){
imgName +=n +"\t";
}
});
});
希望此方法只可以解决你的问题!
先一个个push去插入图片,在最后个图片时,触发判断加载函数;
在函数里边去加载最后个图片的onload事件即可;
参考下原生的js写法:
var n = new Image();
n.onload = function(){
//你想做的事
}
n.src = "最后个图片的地址";
第一:可以看下jQuery的 lazyload.js
第二:可以用jquery来替换图片的src地址,每次点击就替换几个图片的src地址就行了
第三:用jQuery+ajax去获取图片,点击后发送ajax请求,返回下一次要显示的图片