码迷,mamicode.com
首页 > 其他好文 > 详细

图片加载错误处理

时间:2015-03-30 18:43:31      阅读:99      评论:0      收藏:0      [点我收藏+]

标签:

<script src="../public/js/jquery-1.8.3.js"></script>
<title>预加载</title>
<script type="text/javascript">
    $(document).ready(function(){
        $("img").each(function(i,e){
            var imgsrc=$(e).attr("src");
            $(e).load(function(){        //图片加载成功时调用函数
                $("<p>加载图片路径"+imgsrc+"</p>").appendTo("#samplemsg");
            }).error(function(){             //图片加载失败时,替换为另外的图片
                $("<p>错误的图片src"+imgsrc+"</p>").appendTo("#samplemsg");
                $(e).attr("src","../public/img/qq.png");
            });
        });
    })
</script>
</head>
<body>
    <div>
        <img alt="" src="public/img/瑟兰迪尔1.jpeg">
        <img alt="" src="../public/img/瑟兰迪尔1.jpeg">
        <img alt="" src="../public/img/瑟兰迪尔2.jpeg">
    </div>
    <!-- 显示图片检测消息 -->
    <div id="samplemsg"></div>
</body>

图片加载错误处理

标签:

原文地址:http://blog.csdn.net/colorsunlight/article/details/44754049

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!