html img標簽顯示一個默認圖片


1. [代碼]img標簽src對應的圖片不存在,顯示一個默認的圖片     

<img src="abc.JPG" onerror="this.src='default.JPG'" />

 

2. [代碼][CSS]引用“何世友@PoQoP”童鞋的方案     

<script type="text/javascript">
  t = document.getElementsByClassName("defaultImg");
  for(i = 0; i < t.length; i++){
      t.item(i).onerror = function(){
        this.src = "test.gif"
      }
    }
</script>
//采用 className 是為了更好的適應頁面,不是每個img我們都要這樣做的,甚至不同地方的img
//我們要顯示不同的默認圖片。(采用img同樣做法)。
//采用id則是犯了錯誤,id 導致只會拿到第一個id相符的。
//此代碼經過測試在 非IE 的browser上正常工作。
 
//為了兼容IE個廢物,請使用以下代碼:
 
<script type="text/javascript">
  t = document.getElementsByTagName("img");
  for(i = 0; i < t.length; i++){
      t.item(i).onerror = function(){
        if(this.id =="defaultImg"){
            this.src = "test.gif";
            this.onerror = null;
          }
      }
    }
</script>

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM