2011-04-15 32 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

相关问题