获取当前图像大小
Get current image size
当我使用 css 缩放图像时,如何获取当前的图像大小?
我正在尝试获取瞬时图像大小,重新调整窗口大小,从而更改图像的大小。
我认为这是某种jQuery
.height()
.width()
吉斯菲德尔
CSS的
#full_image{
margin:0;
padding:0;
list-style:none;
white-space: nowrap;
overflow:hidden;
position:relative;
display:inline-block;
}
#full_image ul li img{
margin:0 auto;
width:100%;
max-width:100%
}
#full_image .full_close{
background-color: red;
top: 10px;
cursor: pointer;
height: 29px;
opacity: 1;
position: absolute;
width: 29px;
z-index: 999;
right: 10px;
}
#full_image .next_big{
background-color: red;
top: 50%;
cursor: pointer;
height: 29px;
opacity: 1;
position: absolute;
width: 29px;
z-index: 999;
right: 0px;
}
#full_image .prev_big{
background-color: red;
top: 50%;
cursor: pointer;
height: 29px;
opacity: 1;
position: absolute;
width: 29px;
z-index: 999;
left: 0px;
color: #222;
}
该目录
<div id="full_image">
<ul><li><a href="#"> <img src="http://i.telegraph.co.uk/multimedia/archive/01636/saint-tropez-beach_1636818c.jpg" alt="" /></a></li> </ul>
<a href="#" class="full_close"></a>
<a href="#" class="button next_big"></a>
<a href="#" class="button prev_big"></a>
</div>
是的。 这就是我要走的路。 像这样:
$(document).ready(function(){
$(window).resize(function(){
console.log($(this).height());
console.log($(this).width());
})
})
下面的更新小提琴
http://jsfiddle.net/mEMNq/2
这应该可以完成工作:
(function($) {
alert($('img').height());
alert($('img').width());
})(jQuery);
只是提醒图像的高度和宽度。您可以进行必要的操作。
您可以
尝试使用非标准的IE element.currentStyle
属性或DOM Level 2标准getComputedStyle
方法。
你去吧 - http://jsfiddle.net/maximua/mEMNq/4/
试试这个:-
(function($) {
alert($('img').height());
alert($('img').width());
})(jQuery);
吉斯菲德尔
您也可以尝试使用 element.clientWidth 和 element.clientHeight
相关文章:
- 获取ajax加载的图像的大小
- 点击(右键点击)使用传单地图库获取图像覆盖的像素坐标
- 如何使用javascript和xpath获取图像src
- 如何使用javascript从文件夹中获取图像并发布直接链接
- 如何使用Pixijs获取在加载的精灵表资产中定义的图像
- 如何从 javascript 中可能具有一个或多个图像的字符串中仅获取图像名称
- 获取图像节点js的主色
- 获取图像的平均外部像素颜色
- 使用asp.net FileUpload时从javascript获取图像宽度和高度
- 如何获取显示在谷歌搜索右侧的图像链接
- CodeIgniter:用于获取包括图像在内的值的控制器
- jQuery:获取图像加载错误的详细信息
- 如何使用php和javascript获取网页中显示图像的路径
- 使用回调获取图像像素数据
- 使用JavaScript从外部图像获取颜色
- 将完整路径图像获取到输入文件中
- 如何利用织物画布上的背景图像获取绘图路径中的图像
- 无法将图像加载到画布中并为该图像获取base64编码
- Android从内部图像获取ImageData()-SECURITY_ERR:DOM异常18
- 将html转换为图像(获取dom的快照)