用CSS来控制图片显示大小的代码
img,a img{
border:0;
margin:0;
padding:0;
max-width:590px;
width:expression(this.width>590?"590px":this.width);
max-height:590px;
height:expression(this.height>590?"590px":this.height);
}
相关推荐
-
jQuery动态改变图片显示大小(修改版)的实现思路及代码
当我们要显示后台传过来若干个尺寸不一的图片时,为了保证图片大小的一致性及比例的协调,需要动态改变图片显示尺寸.通过搜索,我们可以从网上找到实现此功能的jQuery代码如下.这段代码可以使图片的大小保持在一定范围内,如果图片的原始尺寸都大于max*值,则显示出来的图片宽度都相等. 原始代码: 复制代码 代码如下: $(document).ready(function() { $('.post img').each(function() { var maxWidth = 100; /
-
用CSS来控制图片显示大小的代码
复制代码 代码如下: img,a img{ border:0; margin:0; padding:0; max-width:590px; width:expression(this.width>590?"590px":this.width); max-height:590px; height:expression(this.height>590?"590px":this.he
-
JS实现控制图片显示大小的方法【图片等比例缩放功能】
本文实例讲述了JS实现控制图片显示大小的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <hea
-
CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
今天用了很久时间终于解决了这个问题,基本完美了,唯一不完美的就是 IE 6 只有在图片完全下载完成后才会自动调整大小,不过聊胜于无,总比进入页面后看到长长的横向滚动条舒服的多,这里使用了 expression,但是利用了一次加载,所以 expression 不会造成内存泄漏.当然,如果你有更好的解决方案,希望能与我交流. 代码如下: .Image { max-width:600px;height:auto;cursor:pointer; border:1px dashed #4E6973;pad
-
JavaScript限定图片显示大小的方法
本文实例讲述了JavaScript限定图片显示大小的方法.分享给大家供大家参考.具体实现方法如下: /** * 限制图片显示的size. * * @param thisobj 图片组件 * @param limitW 限制宽度大小 * @param limitH 限制高度大小 */ function imageResize(thisobj, limitW, limitH) { var newW; var newH; if (thisobj.width > limitW) { newW = lim
-
JS滚轮控制图片缩放大小和拖动的实例代码
具体代码如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .dragAble { position: relative; cursor: move; } .img-con { position: relative; width: 71
-
JavaScript控制图片360度旋转代码
JavaScript控制图片360度旋转代码 var isIE = (document.uniqueID)?1:0; var i=1; function rotate(image) { var object = image.parentNode; if(isIE){ image.style.filter="progid:dXImagetransform.Microsoft.basicImage(rotation="+i+")"; i++; if(i>4) {i
-
CSS opacity - 实现图片半透明效果的代码
前几天一位做网页设计的朋友问我这个问题:如何通过CSS来实现图片半透明效果,并且在IE和Mozilla上都可以得到支持.下面将我的方法分享给大家. 下图为通过CSS实现的图片透明效果 这个效果在IE和Mozilla浏览器上都可以工作,代码如下 <img alt="powerbookg4.jpg" src="archives/images/powerbookg4.jpg" width="250" height="60" s
-
javascript控制图片播放的实现代码
一般实现用鼠标控制图片的滚动效果都比较麻烦,大段大段的代码让新手头疼无从下手,下面我来写个简单的javascript控制图片滚动的效果.代码简洁明了,兼容ie.firefox和google浏览器. 分享代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
用css来控制图片大小显示的实现方法与代码
有时候图片太大,会破环网页整齐的布局.这时可以用css来强制按比例压缩图片的高度或宽度 css代码如下: img,a img{ border:0; margin:0; padding:0; max-width:590px; width:expression(this.width>590?"590px":this.width); max-height:590px; height:expression(this.height>590?"590px":th
随机推荐
- Node.js的特点详解
- AngularJS基于factory创建自定义服务的方法详解
- Angular 4依赖注入学习教程之ValueProvider的使用(七)
- javascript 面向对象编程基础:封装
- Java基础类Class使用指南
- JS 页面自动加载函数(兼容多浏览器)
- windows下安装PEAR php5.3.1下解决出错的方法
- ThinkPHP中url隐藏入口文件后接收alipay传值的方法
- 可实现多表单提交的javascript函数
- APP添加CNZZ统计插件教程 Android版添加phonegap
- python动态加载变量示例分享
- js实现的牛顿摆效果
- 详解Python的Flask框架中生成SECRET_KEY密钥的方法
- 让图片旋转任意角度及JQuery插件使用介绍
- 关于c语言指针的两处小tip分享
- C#在DataTable中根据条件删除某一行的实现方法
- C#实现的字符串相似度对比类
- Get或Post提交值的非法数据处理
- iOS去除图片背景颜色的方法
- Android 实现视频字幕Subtitle和横竖屏切换示例