手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS获取图片实际宽高及根据图片大小进行自适应
JS获取图片实际宽高及根据图片大小进行自适应
摘要:JS获取图片实际宽高,以及根据图片大小进行自适应复制代码代码如下:复制代码代码如下:functionadapt(){vartableWidt...

JS获取图片实际宽高,以及根据图片大小进行自适应

复制代码 代码如下:

<img src="http://xxx.jpg" id="imgs" onload="adapt();"/>

复制代码 代码如下:

function adapt(){

var tableWidth = $("#imgTable").width(); //表格宽度

var img = new Image();

img.src =$('#imgs').attr("src") ;

var imgWidth = img.width; //图片实际宽度

if(imgWidth<tableWidth){

$('#imgs').attr("style","width: auto");

}else{

$('#imgs').attr("style","width: 100%");

}

}

另可设置CSS样式:

复制代码 代码如下:

<style type="text/css">

<>

</style>

【JS获取图片实际宽高及根据图片大小进行自适应】相关文章:

JavaScript获得指定对象大小的方法

JavaScript实现鼠标拖动效果的方法

Jquery中基本选择器用法实例详解

游戏人文件夹程序 ver 3.0

JavaScript中string对象

网页里控制图片大小的相关代码

js获取字符串字节数方法小结

JS函数实现鼠标指向图片后显示大图代码

在JavaScript中处理时间之setMinutes()方法的使用

新页面打开实际尺寸的图片

精品推荐
分类导航