如果找不到背景图像，如何显示备用图像

Question

这是小提琴 - http://jsfiddle.net/gfWES/59/

当背景图像指向找不到图像的位置时，我想显示位于下方位置的替代图像 - http://fancyapps.com/fancybox/demo/1_b.jpg

最终，我必须在击倒中实现上述目标。

<td class="cell">
<div class="contact-photo" data-bind="click: $parent.onAlertClick, style: { backgroundImage:     $parent.photoUrl($data) }, css: { 'has-notifications': $parent.showAlert($data)}, onerror:alert('error')"></div>
</td>

在上面的代码中 - 如果＆＃34; $ parent.photoUrl（$ data）＆＃34;指向图像不存在的网址，我想指出＆＃34; backgroundImage：＆＃34;到其他位置以显示任何替代图像。

Answer 1

检查图像是否存在的唯一方法是请求它。 使用jQuery，您可以$.ajax({url:'somefile.png', type:'HEAD', error:image_does_not_exist}); 其中image_does_not_exist是回调函数。然后，您将photoUrl返回的值设置为默认值。