jquery获取图片真实高度与宽度例子

原理比较简单

就是在图片加载完之后我们再使用attr给图片加载一个标签，然后我们再获取图片的宽度与高度了。

 代码如下 复制代码

var img = $(“#imgID”); //获取img元素
var picRealWidth, picRealHeight;
$(“<img/>”) // 在内存中创建一个img标记
    .attr(“src”, $(img).attr(“src”))
    .load(function() {
        picRealWidth = this.width;
        picRealHeight = this.height;
});
时间： 2024-10-06 00:48:07

jquery获取图片真实高度与宽度例子的相关文章

如何通过js和jquery获取图片真实的宽度和高度

原文:如何通过js和jquery获取图片真实的宽度和高度 1.什么时候需要获取图片真实的宽度和高度       在做pc网页的时候,有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图.然后判断过后给予不同的展示方式!       另外一种就是在手机页面上,在新闻页插入的图片往往都是按照图片的原尺寸来展示,如果手机屏幕太小,太大的图就会超出去!这时候有两种解决办法 1)给所有的图片加上这样的样式 .news img{margin:5px auto; display:block;width:1

js和jquery获取图片真实的宽度和高度

1.什么时候需要获取图片真实的宽度和高度 在做pc网页的时候,有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图.然后判断过后给予不同的展示方式!       另外一种就是在手机页面上,在新闻页插入的图片往往都是按照图片的原尺寸来展示,如果手机屏幕太小,太大的图就会超出去!这时候有两种解决办法 1)给所有的图片加上这样的样式 1 .news img{margin:5px auto; display:block;width:100%; height:auto;} 但是这种方式有另外一个问题就

js和jquery如何获取图片真实的宽度和高度_javascript技巧

1.什么时候需要获取图片真实的宽度和高度 在做pc网页的时候,有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图.然后判断过后给予不同的展示方式! 另外一种就是在手机页面上,在新闻页插入的图片往往都是按照图片的原尺寸来展示,如果手机屏幕太小,太大的图就会超出去!这时候有两种解决办法 1)给所有的图片加上这样的样式 1 复制代码 代码如下: .news img{margin:5px auto; display:block;width:100%; height:auto;} 但是这种方式有另外

JS和jquery获取各种屏幕的宽度和高度的代码

这篇文章介绍了JS和jquery获取各种屏幕的宽度和高度的代码,有需要的朋友可以参考一下   Javascript: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.body.scrollWi

javascript获取图片宽高的例子总结

  一.简陋的获取图片方式  代码如下   // 图片地址 后面加时间戳是为了避免缓存     var img_url = '/static/upload/2013/13643608813441.jpg?'+Date.parse(new Date());    // 创建对象     var img = new Image();     // 改变图片的src     img.src = img_url;     // 打印     alert('width:'+img.width+',heig

Javscript/jquery 获取图片宽高代码

一.简陋的获取图片方式  代码如下 复制代码 // 图片地址 后面加时间戳是为了避免缓存 var img_url = '/13643608813441.jpg?'+Date.parse(new Date()); // 创建对象 var img = new Image(); // 改变图片的src img.src = img_url; // 打印 alert('width:'+img.width+',height:'+img.height); 执行: 宽高都是0的这个结果很正常,因为图片的相关数据

jquery获取图片尺寸(高度与宽度)示例

例  代码如下 复制代码 var pic_real_width, pic_real_height; $("<img/>") // Make in memory copy of image to avoid css issues     .attr("src", $(img).attr("src"))     .load(function() {         pic_real_width = this.width;   // Not

jquery 判断图片加载完毕例子

complete判断图片是否加载了 感谢谷歌,找到了好使的方法,简单用法就是:  代码如下 复制代码 qim=new Image();//新建一个图片: qim.src=$preload;//图片地址是你准备要加载的地址: if(qim.complete){ $("#cxNfloor").html($filetoload);//qim.complete表示这个图片是否加载完毕了 } 后来又发现一个方法  代码如下 复制代码 $("").load(function()

JS和jquery获取各种屏幕的宽度和高度

Javascript: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.body.scrollWidth 网页正文全文高: document.body.scrollHeight 网页被卷去的高