文章内容图片不存在时,显示默认图片
谁能提供一段JS支持文章内容中的图片不存在时,显示默认图片的。
网上找了个一段
<script type="text/javascript">
function window.onload()
{
var img=document.getElementById("MyContent").getElementsByTagName("img")
for(var i=0;i<img.length;i++){
if (img[i].readyState=="uninitialized"){
img[i].src="/images/logo.jpg";
}
}
}
</script>
但是加上去 好像还是不行,求助一下!
------解决方案--------------------第一步:加载相关文件。
很明显,你要加载jquery和这个插件。你可以使用以下代码,加载这几个文件:
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.lazyload.js" type="text/javascript"></script>
第二步:定义图片结构。
按照官方的建议,定义你的img结构:
<img src="img/grey.gif" data-original="img/example.jpg" width="640" heigh="480">
第三步:触发这个插件,生效。
激活以下,你就可以在目标中使用了。
$("img.lazy").lazyload();