2011-04-15 41 views
2

如何使頁面上的所有圖像都損壞/不存在javascript將重定向到另一頁?如果頁面上的所有圖像都返回錯誤重定向?

我想在圖像庫類型的腳本中使用它。

+0

使用純JavaScript?你碰巧在使用JavaScript框架,如jQuery,原型等? – 2011-04-15 03:24:39

+0

我更喜歡純JavaScript,但如果有必要,我可以使用jQuery或其他框架。 – user556396 2011-04-15 03:25:31

回答

2

給這個腳本一試:

var imgCount = 0, imgErrorCount = 0; 

function onImgError(increment) { 
    if(increment) { 
     imgErrorCount++; 
    } 
    if(imgCount > 0 && imgCount == imgErrorCount) { 
     location = '/url-to-redirect'; 
    } 
} 
$(function(){ 
    imgCount = $('img').length; 
    onImgError(false); 
}); 

併爲每img元素:

<img src="..." onerror="onImgError(true);" /> 
+0

@TheScrumMeister不錯,但你爲什麼不直接在JS中分配'onerror'處理程序?像這樣:'$('img')。each(function(){$(this).get()。onerror = function(){onImgError(true);};});' – 2011-04-15 03:53:35

+0

它似乎沒有工作。編輯:'$(function(){' **未捕獲的ReferenceError:$未定義** – user556396 2011-04-15 04:01:27

+0

@ user556396您需要包含jQuery ... – 2011-04-15 04:10:18