2009年4月9日 星期四

Javascript: 圖不存在時 已另一張圖取代之

這是一般網頁中插入圖片的語法: <img src="A.jpg" >

只要加入一個onerror函數 就可以自動在找不到A.jpg時 已預設的圖取代之:
<img src="A.jpg" onerror="this.src='A.gif'"
( 即A.jpg不存在時 以A.gif取代 )

---------使用函式的方法--------------
<img name="img1" src="A.jpg" onerror="javaScript:eImg()'"

function eImg()


{


 var Img = new Image()


 Img.src = document.img1.src;

 if(Img.fileSize=="-1")

 {

  document.img1.src = "A.gif";

 }

}


創造一個Image物件Img 讓Img讀取src路徑下的圖(A.jpg)
若A.jpg檔案大小為-1 則替換A.gif
可惜fileSize只能在IE下使用
在火狐底下可以用圖片寬度(width)或高度(height)作為圖片是否存在的依據

沒有留言:

張貼留言