web前端|js教程
加载图片,自适应大小
web前端-js教程
如何在固定大小的div中放置一个图片,当图片较小时显示实际大小,当图片超过div 大小时图片 自动适应div 的大小
万能注入器源码,vscode运行网页快捷键,达芬奇ubuntu,tomcat 多实例 原理,爬虫实践图片,e4p中文php,荆州茶叶seo推广多少钱lzw
jquery图片自适应大小实现过程的主要代码:
人人秀源码,ubuntu左侧栏目隐藏,tomcat不打印异常日志,爬虫读取外网,漫画love php,西藏移动端seo优化关键词lzw
代码如下:
方维众筹 源码,ubuntu正忙如何关闭,tomcat访问应用程序,爬虫算网络,php超级变量数组,成都抖音seo关键词优化排名lzw
.divImg{
max-height:200px; max-width:200px;
width: expression(this.width > 200 && this.width > this.height ? 200 : auto);
height: expression(this.height > 200 ? 200 : auto);
}
实例:
代码如下:
function clickMe(){
var url="../Images/1.jpg";
$("#img").attr("src",url);
$("#img").addClass("divImg");
}
.divClass {
border: 1px solid red;
width: 200px;
height: 200px;
}
.divImg{
max-height:200px; max-width:200px;
width: expression(this.width > 200 && this.width > this.height ? 200 : auto);
height: expression(this.height > 200 ? 200 : auto);
}