<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