如何为img setAttribute设置回退图像
How to set a fallback image for img setAttribute
我有一个img元素:
var photo = document.createElement("img");
是由名字存储在对象数组中的照片提供的,所以我像这样"提供"照片:
photo.setAttribute('src', './pics/' + myarray[id].Name + '.jpg');
效果很好。
唯一不起作用的是为没有图片的元素设置带有默认照片的属性。
我试着在上面做一个setAttribute
行,为所有元素设置一个"默认"图片,希望第二行会用适当的图片替换有一个元素,并保持默认的元素不变,但没有…console.log
仍然显示期待name+jpg
方案的消息,它完全忽略了我之前的行(所以我很确定它不是如何工作的)。
因此,如果您有一个img
元素,在数组中有许多实例,那么将默认图片分配给没有指定图片的元素的最佳方法是什么?
谢谢!
会使用jQuery吗?这是您所描述的问题的解决方案。如果图像返回404,则应用默认图像
http://jsfiddle.net/gunderson/D3DSt/var photo = document.createElement("img");
photo.setAttribute("id", "myPhoto");
$('body').append(photo);
$("#myPhoto").attr("src", 'alogo3w.png').error(function() {
$(this).attr("src", "https://www.google.com/images/srpr/logo3w.png");
})
必要时只设置默认值
photo.setAttribute('src', './pics/' + ( myarray[id].Name ? myarray[id].Name : 'default' ) + '.jpg');
相关文章:
- 什么是HTML5画布标记的回退
- 如何在XHTML中添加jQuery CDN回退
- 当CDN加载失败时,为字体添加一个本地CSS回退
- 为什么 context.restore() 不会将上下文的比例设置回 (1, 1)
- HTML5 视频的回退图像
- 同时使用回退和 JavaScript.什么是正确的方法
- Javascript “替换”替换回退
- jQuery CDN超时回退
- 在表单提交后将焦点设置回原位(javascript)
- 悬停状态指针事件:无Javascript回退
- IE8 内联尝试的 SVG 回退
- 设置计时器以等待为flash回退视频播放器加载swfobject脚本
- 传递参数以设置回调函数的动画
- 咕噜咕噜浏览器化 - 设置包含,回退路径
- 当 CSS 来自云或 CDN 时,如何设置 CSS 的回退 URL
- 在 jquery 中设置动态回退,每个都包含 JSON 数据
- 如何设置具有可选ID的路由以进行查找,以及回退默认模型
- & # 39; img-src& # 39;没有显式设置,所以'default-src'用作回退
- JsTranslationBundle回退区域设置没有'不起作用
- 如何为img setAttribute设置回退图像