900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > JQuery加载图片自适应固定大小的DIV【javascript】

JQuery加载图片自适应固定大小的DIV【javascript】

时间:2022-07-24 21:01:04

相关推荐

JQuery加载图片自适应固定大小的DIV【javascript】

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);

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。