用于背景图像的占位符图像？

Question

.mydiv(style="background-image: url('"+pic+"');" onerror="this.style.background-image:url('http://www.naijaticketshop.com/images/default_profile.jpg'); ")

我知道您会将onerror用作占位符，但这似乎不适用于背景图像。 有什么建议么？

Answer 1

您需要this.style.backgroundImage ， 而不是 this.style.background-image

Answer 2

<img src="my.png" onerror="this.src = 'http://www.naijaticketshop.com/images/default_profile.jpg';" />

或与jQuery

// Replace source
$('.mydiv').error(function(){
        $(this).attr('background-image', 'url(http://www.naijaticketshop.com/images/default_profile.jpg)');
});

Answer 3

您不能在<div>上使用onerror。 onerror只能在<img>, <object>, <script>, <style> 。 因此，需要替换为<img>标签。 如果您不想用它替换，我在stackoverflow上发现了。 如何从数据库异步加载中用占位符替换不存在的图像