账号通
    

账号  

密码  

252859

查看

333

回复
主题:【css小技巧】用纯CSS控制图片最大宽度【代码少,比js更好用】 [收藏主题] 转到:  
孤风大虾 当前离线

1700

主题

7

广播

118

粉丝
添加关注
级别:高一年

用户积分:10218 分
登录次数:451 次
注册时间:2006/3/28
最后登录:2022/3/10
孤风大虾 发表于:2008/7/25 12:08:00   | 只看该作者 查看该作者主题 楼主 
科汛智能建站系统

科讯CMS系统非官方教程资料站 www.kexuncms.cn 欢迎您的登陆!!


 


以下内容只有回复后才可以浏览,请先登录!


 


官方模板中自带了一段JS用来控制文章中的图片的最大高度和宽度。不过我也很奇怪,为什么这个js有时候好用有时候并不好用,这个问题我研究了很久,不得而终。


 


<SCRIPT language=JavaScript type=text/JavaScript>
//改变图片大小
function resizepic(o)
{
var maxwidth=550;   //定义最大宽度
var maxheight=800;  //定义最大高度
var a=new Image();
a.src=o.src
if(a.width > maxwidth)
{
  o.style.width=maxwidth;
}
if (a.height> maxheight)
{
  o.style.height=maxheight;
 }
}
//无级缩放图片大小
function bbimg(o)
{
  var zoom=parseInt(o.style.zoom, 10)||100;
  zoom+=event.wheelDelta/12;
  if (zoom>0) o.style.zoom=zoom+'%';
  return false;
}
</SCRIPT>


 


今天,又一个模板怎么着这段js都不起作用,没办法,百度了一下,找到一段CSS可以完美解决这个问题。不敢独享,特发上来与大家一同分享。


CSS代码如下:


[replyview]#Article_Content img {width: expression(this.width > 560 ? 560: true); max-width: 560px;} [/replyview]


 


其中#Article_Content  改成你的文章内容处使用的div 的id 其中“560”改成你需要的宽度。


 


IE测试通过。火狐2测试通过。


 


说明,鼠标滚动自动缩放图片用这个css是无法做到的。不过这个功能基本没用。



 
  支持(1) | 反对(0) 回到顶部顶端 回到底部底部
alexalex007 当前离线

4

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:40 分
登录次数:1 次
注册时间:2010/6/18
最后登录:2010/6/18
alexalex007 发表于:2010/6/18 17:54:00   | 只看该作者 查看该作者主题 沙发 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
zy56000 当前离线

40

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:221 分
登录次数:21 次
注册时间:2009/10/29
最后登录:2011/2/25
zy56000 发表于:2010/6/18 9:13:00   | 只看该作者 查看该作者主题 藤椅 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
aru520 当前离线

1

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:35 分
登录次数:1 次
注册时间:2010/6/16
最后登录:2010/6/16
aru520 发表于:2010/6/16 18:27:00   | 只看该作者 查看该作者主题 板凳 
科汛在线网校系统
我已经收这问题困扰很久了
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
jilixjf 当前离线

32

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:140 分
登录次数:1 次
注册时间:2010/5/25
最后登录:2010/6/8
jilixjf 发表于:2010/6/8 13:55:00   | 只看该作者 查看该作者主题 报纸 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
东方网络 当前离线

101

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:1581 分
登录次数:24 次
注册时间:2010/5/31
最后登录:2012/2/28
东方网络 发表于:2010/6/3 15:07:00   | 只看该作者 查看该作者主题 地板 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
yifan1688 当前离线

1

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:25 分
登录次数:1 次
注册时间:2010/6/3
最后登录:2010/6/3
yifan1688 发表于:2010/6/3 11:49:00   | 只看该作者 查看该作者主题 7楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
fdjzsb 当前离线

40

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:220 分
登录次数:2 次
注册时间:2010/5/28
最后登录:2010/6/9
fdjzsb 发表于:2010/6/2 15:14:00   | 只看该作者 查看该作者主题 8楼 
 多谢分享,楼主辛苦 !
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
mylovetoo 当前离线

123

主题

0

广播

1

粉丝
添加关注
级别:一年级

用户积分:816 分
登录次数:106 次
注册时间:2009/3/26
最后登录:2012/9/12
mylovetoo 发表于:2010/5/9 15:03:00   | 只看该作者 查看该作者主题 9楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
zwbgreat 当前离线

11

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:121 分
登录次数:16 次
注册时间:2010/3/8
最后登录:2014/7/25
zwbgreat 发表于:2010/5/6 16:57:00   | 只看该作者 查看该作者主题 10楼 
科汛在线网校系统
看看什么样
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.20508秒 powered by KesionCMS 9.0