账号通
    

账号  

密码  

31617

查看

64

回复
主题:[原创]改变文章图片随鼠标轮转动大小比例发生变化的代码 [收藏主题] 转到:  
黑木头 当前离线

23

主题

0

广播

0

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

用户积分:266 分
登录次数:2 次
注册时间:2007/7/13
最后登录:2007/7/29
黑木头 发表于:2007/7/17 23:06:00   | 只看该作者 查看该作者主题 楼主 
科汛在线商城系统(NET)

文章图片会随鼠标轮转动大小比例发生变化,有时上传画面过大,严重影响美观,方法一是将限制最大宽度和最大高度的值降低,但原代码如果将此值降低后,会出现比例不协调的现象,如:如果上传的画面为1024*768,那么宽度被限制为550,而高度未超标,因此会出现画面变成550*768的现象,画面会变形。解决方法如下:

打开文章内容页模板.找到以下代码,

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

将上述代码变更为:

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

如果不想让其画面随鼠标变化,代码如下

[replyview]

<script language="JavaScript" type="text/JavaScript">
//改变图片大小
function resizepic(o)
{
var maxwidth=400;   //定义最大宽度
var maxheight=400;  //定义最大高度

var a=new Image();
a.src=o.src
if(a.width > a.height)
{
if(a.width > maxwidth)
{
  o.style.width=maxwidth;
  o.style.height=maxwidth/a.width*a.height;
}
}
if(a.width < a.height)
{
if (a.height> maxheight)
{
  o.style.height=maxheight;
  o.style.width=maxheight/a.height*a.width;
 }
}
}
//无级缩放图片大小
function bbimg(o)
{
  var zoom=parseInt(o.style.zoom, 10)||100;
  zoom+=event.wheelDelta/12;
  if (zoom=100) o.style.zoom=zoom+'%';
  return false;
}
</script>

[/replyview]

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

167

主题

5

广播

1

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

用户积分:932 分
登录次数:95 次
注册时间:2009/11/3
最后登录:2013/3/6
rong3244 发表于:2010/5/7 18:24:00   | 只看该作者 查看该作者主题 沙发 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
xxzhangkai 当前离线

9

主题

0

广播

0

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

用户积分:233 分
登录次数:8 次
注册时间:2009/5/3
最后登录:2012/2/11
xxzhangkai 发表于:2009/5/4 12:14:00   | 只看该作者 查看该作者主题 藤椅 
科汛智能建站系统
正找呢  看看  支持楼主
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
mxiangzheng 当前离线

4

主题

0

广播

0

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

用户积分:280 分
登录次数:11 次
注册时间:2008/9/16
最后登录:2010/5/10
mxiangzheng 发表于:2009/3/19 19:17:00   | 只看该作者 查看该作者主题 板凳 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
yemaoqq 当前离线

54

主题

0

广播

0

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

用户积分:866 分
登录次数:97 次
注册时间:2008/8/6
最后登录:2009/6/27
yemaoqq 发表于:2008/8/11 17:02:00   | 只看该作者 查看该作者主题 报纸 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
xmship 当前离线

463

主题

1

广播

0

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

用户积分:2539 分
登录次数:197 次
注册时间:2008/1/21
最后登录:2019/12/24
xmship 发表于:2008/8/11 11:26:00   | 只看该作者 查看该作者主题 地板 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
mingyangpk 当前离线

10

主题

0

广播

0

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

用户积分:279 分
登录次数:4 次
注册时间:2008/8/8
最后登录:2008/8/11
mingyangpk 发表于:2008/8/11 9:51:00   | 只看该作者 查看该作者主题 7楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
tuojun 当前离线

107

主题

0

广播

0

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

用户积分:1279 分
登录次数:79 次
注册时间:2008/2/20
最后登录:2011/2/18
tuojun 发表于:2008/8/11 9:35:00   | 只看该作者 查看该作者主题 8楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
w68168 当前离线

9

主题

0

广播

0

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

用户积分:279 分
登录次数:9 次
注册时间:2008/1/3
最后登录:2012/7/4
w68168 发表于:2008/8/10 16:08:00   | 只看该作者 查看该作者主题 9楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
yitian2008 当前离线

62

主题

0

广播

0

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

用户积分:865 分
登录次数:64 次
注册时间:2007/11/25
最后登录:2010/7/2
yitian2008 发表于:2008/7/3 12:51:00   | 只看该作者 查看该作者主题 10楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.17236秒 powered by KesionCMS 9.0