在没有显示图片或者缩略图的时候显示广告

发表时间：2010-06-07关注度：28 views 评论数：0

在制作详细页面或者列表页面的时候经常会用到缩略图，这样可以是页面更加美观，也提高了用户体验和点击的欲望，但是经常会有没有缩略图的情况出现，通常方法是用一个默认图片代替或者直接就不显示图片用文字充满，那么为什么不能让她没有缩略图的情况下显示我们制定好的广告代码呢？

那么我们可以直接在页面中用include,将广告载入进来,将js引入也是一样代码,将img_failed.innerHTML =后面替换成你调用的JS就成了;
另外值得注意的是,img_failed.innerHTML =后面的这玩意他会直接显示html,如果你的html有”(双引号)的话,麻烦改成’(单引号),或者直接不加.不然会出问题的.

具体代码如下：

<img src="{smallimage}" border="0" id="img_success" onerror="gotoImg()" /> <div id="img_failed"> </div> <script language="javascript" type="text/javascript"> function gotoImg() { var img_success = document.getElementById("img_success"); var img_failed = document.getElementById("img_failed"); //隐藏img_success图片 img_success.style.display = 'none'; //显示一段JS的内容 img_failed.innerHTML = ""; //content为JS返回的内容 } </script>

提示：你可以先修改部分代码再运行。

以上代码可以参考着改动以至于适合自己的网站需要。

转载请注明文章转载自：网站前端,web前端,前端脚本,前端优化|时代前端 [http://www.52shidai.com]
本文链接地址：在没有显示图片或者缩略图的时候显示广告

网站前端,web前端,前端脚本,前端优化|时代前端