`
380071587
  • 浏览: 479974 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

图片onerror事件,为图片加载指定默认图片

 
阅读更多
为图片指定加载失败时显示默认图片,js输出的img对象,onerror是事件,不是属性,所以这样写是不起作用的:
var img = $(document.createElement("IMG"));
img.attr({
"src": imgs[idx],
"alt": tips[idx],
"onerror":"this.src='" + NoPicPath + "'"
}).appendTo(div);

应该是绑定事件:
//图片加载失败时,加载默认图片
$('img').error(function () {
$(this).attr('src', NoPicPath);
});
if ($.browser.msie && $.browser.version < 9) {
$('img').each(function () {
$(this).attr('src', $(this).attr('src'));
});
}

参考:http://www.paulund.co.uk/handle-image-loading-errors-with-jquery
分享到:
评论

相关推荐

    Android实现WebView图片缓存,替换加载前默认图片的样式

    通过以上步骤,我们就成功地实现了在Android的WebView中进行图片缓存、替换加载前的默认图片样式以及图片点击事件的处理。这不仅提升了用户体验,还能有效地减少网络资源的消耗。同时,这些技术也可以作为基础,...

    HTML 图片不存在则显示一个默认图片

    在这个示例中,如果`original-image-url`的图片加载失败,`onerror`事件就会触发,执行JavaScript代码将`src`属性更改为`default-image-url`,从而显示默认图片。同时,`this.onerror=null;`是为了防止事件无限循环...

    用Javascript判断图片是否存在,不存在则显示默认图片的代码

    如果图片加载失败,`onerror`事件会被触发,然后我们可以将图片`src`更换为默认图片的URL。 ### 示例代码解释 1. 第一种方法是直接在`&lt;img&gt;`标签中使用`onerror`属性,如下所示: ```html ***/logos2.gif" on...

    解析img图片没找到onerror事件 Stack overflow at line: 0

    当默认图片加载失败时,通过 `onerror` 修改类名来显示备用图片。 ```html .hidden { display: none; } &lt;img src="xxx.jpg" onerror="this.class='hidden';xx.class=''" /&gt; ``` 在实际应用中,选择哪种...

    JS对img标签进行优化使用onerror显示默认图像

    同时,为了防止默认图片再次触发onerror事件,需要将img元素的onerror属性置为null,从而避免无限循环的问题。 下面提供一个具体的实现示例: ```javascript function errorImg(img) { img.src = "***"; // 这里...

    img 加载网络图片失败 显示默认图片的方法

    当从网络加载图片失败时,我们可以使用 img 标签的 onerror 属性来显示默认图片。onerror 属性可以指定当图片加载失败时执行的 JavaScript 代码。在这里,我们可以将默认图片的 URL 赋值给 img 标签的 src 属性,...

    动态加载图片

    // 这里可以进行异常处理,比如显示默认图片或提示用户 } ``` 总之,Flash AS3.0的动态加载图片功能是通过Loader类实现的,结合事件监听和处理,能够灵活地加载和管理图片资源。这个压缩包提供的示例代码对于初学...

    Jquery图片加载及缩放

    // 处理图片加载错误的代码,例如显示默认图片或提示用户 }); ``` 此外,如果图片数量较多,可能会影响页面性能,可以考虑使用`$(window).load()`代替`$(document).ready()`,确保所有资源(包括图片)都已加载后...

    图片显示,如何处理图片显示问题

    5. **利用JavaScript处理图片**:JavaScript可以动态加载图片,比如使用`new Image()`对象预加载图片,或者通过监听`onerror`事件处理加载失败的情况,然后替换图片源或显示默认图片。 6. **错误处理和反馈**:在`...

    lazyload.js实现图片异步延迟加载

    `lazyload.js`还提供了`load`和`error`事件,可以监听图片加载成功和失败: ```javascript lazyLoadInstance.on('load', function(event) { console.log('Image loaded:', event.target); }); lazyLoadInstance....

    jQuery处理图片加载失败的常用方法

    当HTML中的标签因为某种原因无法成功从服务器获取图片资源时,浏览器会触发一个错误事件,即onerror事件。默认情况下,这个事件会导致浏览器显示一个错误消息或者一个断开的图片符号。然而,我们可以通过JavaScript...

    图片懒加载imgLazyLoading.js使用详解

    - `f()`函数遍历所有具有`originalSrc`属性的图片,如果图片在视口内,就创建一个新的Image对象,设置其`src`为`originalSrc`值,然后监听`onload`和`onerror`事件来处理加载成功或失败的情况。 四、参数配置 ...

    指定位置如果有图片显示图片,无图片显示广告的JS

    在HTML的`&lt;img&gt;`标签中,可以使用`onerror`属性来指定当图片加载失败时触发的事件。通常这个事件会触发一个JavaScript函数来处理异常情况。在本例中,`onerror`属性被用来触发`gotoImg()`函数。 ### JavaScript中...

    完美兼容多浏览器的js判断图片路径代码汇总

    一旦图片加载失败,onerror事件被触发,调用defaultImg函数,将图片的src属性设置为默认图片地址;而如果图片加载成功,则onload事件被触发,调用LoadOK函数,显示加载成功的信息。 ```html // 载入失败调用此...

    iview Upload 上传图片组件.rar

    1. **事件绑定**:Upload组件提供了丰富的事件,如`on-success`(文件上传成功)、`on-error`(文件上传失败)和`on-preview`(预览文件)。我们需要监听这些事件来处理上传过程中的各种情况。 2. **自定义上传行为...

    [js]javascript事件集合(包有触发事件)终版.pdf

    - 错误捕捉事件(onerror) - 窗口移动事件(onmove) - 窗口大小改变事件(onresize) - 滚动条位置改变事件(onscroll) - 停止按钮按下或下载中断事件(onstop) JavaScript事件处理程序的编写方式可以是...

    如何使用jQuery来处理图片坏链具体实现步骤

    这段代码中,如果图片加载失败,会将当前图片的src属性替换为指定的默认图片地址,从而显示一张替代图片,而非破碎图。 5. jQuery版本更新对.error()事件的影响 需要注意的是,error事件在jQuery的版本中有所变化。...

    Picasso的简单使用

    然后,你可以使用`Picasso.get()`获取一个Picasso实例,接着调用`load()`方法指定图片的URL或资源ID,最后调用`into()`方法将图片加载到指定的ImageView中。 ```java Picasso.get().load(...

    JAVASCRIPT事件[借鉴].pdf

    9. `onError`: 当浏览器在加载页面或资源时遇到错误,如加载图片失败,此事件会被触发。 10. `onHelp`: 在用户点击浏览器的帮助按钮时,可以触发特定的帮助行为。 11. `onKeyDown`: 键盘按键被按下但未释放时触发,...

    Android luban 压缩多图

    Luban是基于 Glide 库实现的,Glide 是一款强大的图片加载库,而Luban则是在此基础上添加了图片压缩的功能。它提供了简洁的API,让开发者能够快速地对图片进行压缩,节省存储空间,同时保持较好的图片质量。 ### 单...

Global site tag (gtag.js) - Google Analytics