符合XHTML错误处理事件来处理空图像

下面的代码块隐藏动态填充空的图像和其标题的占位符（imagecontent）：符合XHTML错误处理事件来处理空图像

<head> 
<script type="text/javascript"> 
    function empty_image_handler() { 
    document.getElementById("imagecontent").style.display = "none"; 
    } 
</script> 
</head>

<body> 
<div id="imagecontent"> 
     <img src="imagearchive/<?php echo $row_images['mage_link']; ?>" alt="<?php echo $row_images['image_caption']; ?>" onerror= 'empty_image_handler();' /> 
     </div> 
</body>

问题是，尽管上述代码块与xhtml DOCTYPE完美配合，但它们符合html DOCTYPE。因此该文档未通过w3c验证过程进行验证。此外，如果找不到图像，我不想用imagecontent div替换任何替代虚拟图像中的空白空间。

是否有任何xhtml DOCTYPE符合错误处理程序事件类似于html DOCTYPE符合onerror事件来处理空图像，应通过验证过程验证？

任何有关jQuery替代解决方案的参考或准则也应该被理解。

感谢，

来源

2013-02-23 Silent Pond

使用[unobtrusive JavaScript]（http://en.wikipedia.org/wiki/Unobtrusive_Javascript）钩住你的错误事件处理程序 – Alohci 2013-02-23 11:56:55

@Alohci获得关于火箭科学的知识对我们来说并不困难我们试图做到这一点，但我只有根据我目前的情况，才能有足够的空间来解决问题。无论如何，谢谢你的建议。 – 2013-02-25 06:54:30

jQuery的一个简单的解决方案甚至不需要图片ID或类：

$("img").error(function(){ 
    $(this).hide(); 
});

，它是由一个名为编码器用户在https://stackoverflow.com/a/10447080/1799764

回答

来源

2013-02-26 13:58:03

符合XHTML错误处理事件来处理空图像

回答

相关问题