zoukankan      html  css  js  c++  java
  • 获取一个图片的真实宽高

    $(".new_mess_c img").each(function(i){
            var img = $(this);
            var realWidth;//真实的宽度
            var realHeight;//真实的高度
       //这里做下说明,$("<img/>")这里是创建一个临时的img标签,类似js创建一个new Image()对象!
       $("<img/>").attr("src", $(img).attr("src")).load(function() {
                    /*
                      如果要获取图片的真实的宽度和高度有三点必须注意
                      1、需要创建一个image对象:如这里的$("<img/>")
                      2、指定图片的src路径
                      3、一定要在图片加载完成后执行如.load()函数里执行
                     */
                    realWidth = this.width;
                    realHeight = this.height;
                   //如果真实的宽度大于浏览器的宽度就按照100%显示
                    if(realWidth>=_w){
                           $(img).css("width","100%").css("height","auto");
                        }
                        else{//如果小于浏览器的宽度按照原尺寸显示
                          $(img).css("width",realWidth+'px').css("height",realHeight+'px');
                        }
                });
        });
  • 相关阅读:
    java笔试之输出
    构造块和静态块[转]
    Java 对象和类
    StringBuffer
    基于bootstrap的表格数据展示
    弹窗式页面
    读取xml
    更新xml
    写XML
    遍历一个类的字段和值
  • 原文地址:https://www.cnblogs.com/SunShineM/p/9289594.html
Copyright © 2011-2022 走看看