图片自动适应容器大小的JS
来源:互联网 发布:json对象转字符串 编辑:程序博客网 时间:2024/05/02 09:18
$(window).load(function() {$("img[name='picautozoom']").each(function() {if (this.complete) {var smallWidth = $(this).width();var smallHeight = $(this).height();$(this).width(smallWidth).css("height", "auto");if ($(this).height() > smallHeight) {$(this).height(smallHeight).css("width", "auto");$(this).css("padding", "0px " + Math.floor(Math.abs((smallWidth - $(this).width()) / 2)) + "px");} else {$(this).css("padding", Math.floor(Math.abs((smallHeight - $(this).height()) / 2)) + "px 0px");}}});});
给图片属性name='picautozoom' 图片就会自动适应容器大小
js是在dom加载完成后,图片加载之前加载的。用$(document).ready(function(){//取得的图片宽带为0}); 所以要用$(window).load(function(){//取得的图片宽度为正常的宽度});
0 0
- 图片自动适应容器大小的JS
- 图片自动适应大小
- 图片自动适应大小
- 让图片自动适应框的大小
- CSS图片自动适应大小
- 下载图片,大小自动适应
- 网页背景图片自动适应窗口大小的代码
- 用css让图片自动适应大小
- 用css让图片自动适应大小
- 用css让图片自动适应大小
- excel插入图片自动适应表格大小
- 鄙人最新作JS自动适应的图片弹窗
- 获取手机屏幕大小和图片自动适应大小
- kindeditor图片上传并且图片自动适应编辑器大小
- 自动适应大小,适应各种浏览器的按钮
- 如何运用CSS在HTML中让图片自动适应屏幕大小的问题
- Qt学习笔记之图片显示(自动调整大小适应设计的范围)
- 让UIImageView适应图片的大小
- JQuery 全选 取消 提交
- Codeforces Round #241 (Div. 2) 解题报告
- 攀普云备特点分析
- unix进程通信
- sencha touch 让图片(img)适应界面
- 图片自动适应容器大小的JS
- Cannot get a connection, pool error Timeout waiting for idle object
- JSON递归代码
- 指针中的*和&
- JDA云服务助联想利润增长225%
- 外企常用英语词汇或短语
- qmake 之 CONFIG(debug, debug|release)
- Linux下 makefile编写 详细教程
- Android4.3 屏蔽HOME按键返回桌面详解(源码环境下)