zoukankan      html  css  js  c++  java
  • Jquery判断页面图片是否加载失败,加载失败则显示默认图片

    例子:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script src="Js/jquery-1.9.1.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function () {
                ImageLoadEx();
            });
    
            function ImageLoadEx() {  //加载不到 图片 时显示 默认图片
                $('img').error(function () {   //加载图片 出现404状态时触发
                    $(this).attr("src", "Image/default.jpg");  //将加载不到的图片 的src属性 修改成默认 图片 ,注意:默认图片必须保证存在,否则 会一直 调用 此函数
                });
            }
        </script>
    </head>
    <body>
        <img src="Image/ad2.png" />
        <div>
            <div>
                <img src="ad2.png" /></div>
        </div>
    </body>
    </html>

     注意:ImageLoadEx() 必须在浏览器渲染 img HTML标签 完成 之后执行,如果 img 标签是用js动态添加的 请在添加完成后 重新调用一下ImageLoadEx()函数

  • 相关阅读:
    查看数据库表中的数据
    exec和execsql
    CPI
    百度硬盘可以检索的字节测试
    HDU2095
    Vigenere密码
    斌神无所不能
    HDU p1017
    POJ1316
    head区的代码详解
  • 原文地址:https://www.cnblogs.com/linJie1930906722/p/5230968.html
Copyright © 2011-2022 走看看