load事件不起作用。我的代碼在下面
<!DOCTYPE html>
<html>
?? ?<head>
?? ??? ?<meta charset="utf-8" />
?? ??? ?<title></title>
?? ??? ?<link rel="stylesheet" href="css/pic-style.css" />
?? ?</head>
?? ?<body>
?? ??? ?<div class="box">
?? ??? ??? ?<img class="show-pic-img" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1493570481701&di=66c4ca24a32fe7804fed3ccaa4eb6e29&imgtype=0&src=http%3A%2F%2Fimg.qqzhi.com%2Fupload%2Fimg_4_3830333259D4104374783_23.jpg" alt="pic"/>
?? ??? ?</div>
?? ??? ?<p class="btn-group">
?? ??? ??? ?<a class="btn" data-controller="pre">上一頁</a>
?? ??? ??? ?<a class="btn" data-controller="next">下一頁</a>
?? ??? ?</p>
?? ??? ?<div class="loading">
?? ??? ??? ?<p class="process">0%</p>
?? ??? ?</div>
?? ??? ?<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js" ></script>
?? ??? ?<script>
?? ??? ??? ?
?? ??? ??? ??? ?var imgs = [
?? ??? ??? ??? ??? ?"http://pic51.nipic.com/file/20141031/8098773_204507657000_2.jpg",
?? ??? ??? ??? ??? ?"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1493573227020&di=88b68c3abc22f3447874c46467250e45&imgtype=0&src=http%3A%2F%2Fpic.90sjimg.com%2Fback_pic%2Fqk%2Fback_origin_pic%2F00%2F03%2F14%2Fe2a29babb8cd6a64273028cc1d59b609.jpg",
?? ??? ??? ??? ??? ?"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1493573263248&di=483dafba8571c9df56934bbeefab1372&imgtype=0&src=http%3A%2F%2Fpic2.ooopic.com%2F10%2F92%2F51%2F13b1OOOPIC40.jpg",
?? ??? ??? ??? ??? ?"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1494168013&di=e15fc598f4df6436e92318207cc164f9&imgtype=jpg&er=1&src=http%3A%2F%2Fpic32.photophoto.cn%2F20140725%2F0008020985767197_b.jpg",
?? ??? ??? ??? ??? ?"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1493573316207&di=c66512bb076f2e8b608db0b693d767c9&imgtype=0&src=http%3A%2F%2Fimg.taopic.com%2Fuploads%2Fallimg%2F120321%2F58003-120321161Z937.jpg"
?? ??? ??? ??? ?]
?? ??? ??? ??? ?var count = 0,len = imgs.length;
?? ??? ??? ??? ?$process = $(".process");
?? ??? ??? ??? ?$.each(imgs, function(i,src) {
?? ??? ??? ??? ??? ?
?? ??? ??? ??? ??? ?var imgobj = new Image();
?? ??? ??? ??? ??? ?$(imgobj).on('load',function(){
?? ??? ??? ??? ??? ??? ?alert('00');
?? ??? ??? ??? ??? ?});
?? ??? ??? ??? ??? ?
?? ??? ??? ??? ??? ?/*$(imgObject).on('load',function(){
?? ??? ??? ??? ??? ??? ?alert(imgObject);
?? ??? ??? ??? ??? ??? ?/*alert(Math.round((count + 1)/len * 100)+"%");
?? ??? ??? ??? ??? ??? ?$process.html(Math.round((count + 1)/len * 100)+"%");
?? ??? ??? ??? ??? ??? ?if(count >= len -1){
?? ??? ??? ??? ??? ??? ??? ?$process.hide();
?? ??? ??? ??? ??? ??? ??? ?document.title = "1/"+len;
?? ??? ??? ??? ??? ??? ?}
?? ??? ??? ??? ??? ??? ?imgObject.src = src;
?? ??? ??? ??? ??? ??? ?count ++;
?? ??? ??? ??? ??? ?});*/
?? ??? ??? ??? ??? ?
?? ??? ??? ??? ?});
?? ??? ??? ??? ?$(".btn").on('click',function(){
?? ??? ??? ??? ??? ?if($(this).attr("data-controller") === "pre"){
?? ??? ??? ??? ??? ??? ?count = Math.max(0,--count);
?? ??? ??? ??? ??? ?}else if($(this).attr("data-controller") === "next"){
?? ??? ??? ??? ??? ??? ?count = Math.min(len-1,++count);
?? ??? ??? ??? ??? ?}
?? ??? ??? ??? ??? ?document.title = (count+1)+"/"+len;
?? ??? ??? ??? ??? ?/*alert((count+1)+"/"+length);*/
?? ??? ??? ??? ?});
?? ??? ?</script>
?? ?</body>
</html>
2017-07-27
我是把$progress改成progress 好了
2017-07-04
$.each(imgs,function(i,src){
? ? ? var imgObj = new Image();
? ? ? $(imgObj).on('load',function(){
? ? ? ? ?$progress.html(Math.round((count + 1) / len * 100) + '%');
? ? ? ? ? if(count >= len - 1){
? ? ? ? ? ? ? $('.loading').hide();
? ? ? ? ? ? ? document.title = '1/' + len;
? ? ? ? ? }
? ? ? ? count++;
? ? ? });
? ? ? imgObj.src = src;????? ? ?????????//這里到賦值語句要寫在觸發(fā)加載事件之后
? ? });
2017-06-10
onload()事件是加載完畢才觸發(fā)的事件，而你的img的src為空，根本就不會加載，也就不存在加載完畢，所以不會觸發(fā)onload事件，求采納
2017-05-30
插件zainali?
2017-05-01
var?imgobj?=?new?Image(); ?$(imgobj).on('load',function(){ ???alert('00'); ?}); imgobj.src?=?src;//加上這個就能彈出了找半天。。。