日期:2014-05-16  浏览次数:20381 次

文章内容图片不存在时,显示默认图片
谁能提供一段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();