碧海潮声大学生网

标题: 〖原创〗〖PW小hack〗——控制选择头像时框的图片体积限制 [打印本页]
作者: 笨笨啊    时间: 2005-10-24 02:51
标题: 〖原创〗〖PW小hack〗——控制选择头像时框的图片体积限制
请在注册时，或资料时选择头像图片，看效果

如果头像图片原本的宽度和高于小于指定值，则不会限制
如果大于指定值，则限制其为我们指定的值，以同比例缩放

代码如下

打开template\wind\profile.htm
找到
  1. function showimage(imgpath,value)
  2. {
  3.     if(value!= '') {   
  4.     document.images.useravatars.src=imgpath+'/face/'+value;
  5.     } else{
  6.     document.images.useravatars.src=imgpath+'/face/none.gif';
  7.     }
  8. }
复制代码

替换为
  1. function showimage(imgpath,value)
  2. {
  3. var mywidth,myheight;
  5. mywidth=120; //在这里控制所能显示的图片最大尺寸，这个是宽，下面那个是长
  6. myheight=120;
  8.     if(value!= '') {   
  9.     document.images.useravatars.src=imgpath+'/face/'+value;
  10.     if (document.images.useravatars.width>mywidth)
  11.     {
  12.         document.images.useravatars.width=mywidth;
  13.         document.images.useravatars.height=document.images.useravatars.height*mywidth/document.images.useravatars.width;
  14.     }
  15.     if (document.images.useravatars.height>myheight)
  16.     {
  17.         document.images.useravatars.height=myheight;
  18.         document.images.useravatars.width=document.images.useravatars.width*myheight/document.images.useravatars.height;
  20.     }
  22.     } else{
  23.     document.images.useravatars.src=imgpath+'/face/none.gif';
  24.     }
  25. }
复制代码

同理，打开register.htm，也是找到
  1. function showimage(imgpath,value)
  2. {
  3.     if(value!= '') {   
  4.     document.images.useravatars.src=imgpath+'/face/'+value;
  5.     } else{
  6.     document.images.useravatars.src=imgpath+'/face/none.gif';
  7.     }
  8. }
复制代码
替换为
  1. function showimage(imgpath,value)
  2. {
  3. var mywidth,myheight;
  5. mywidth=120; //在这里控制所能显示的图片最大尺寸，这个是宽，下面那个是长
  6. myheight=120;
  8.     if(value!= '') {   
  9.     document.images.useravatars.src=imgpath+'/face/'+value;
  10.     if (document.images.useravatars.width>mywidth)
  11.     {
  12.         document.images.useravatars.width=mywidth;
  13.         document.images.useravatars.height=document.images.useravatars.height*mywidth/document.images.useravatars.width;
  14.     }
  15.     if (document.images.useravatars.height>myheight)
  16.     {
  17.         document.images.useravatars.height=myheight;
  18.         document.images.useravatars.width=document.images.useravatars.width*myheight/document.images.useravatars.height;
  20.     }
  22.     } else{
  23.     document.images.useravatars.src=imgpath+'/face/none.gif';
  24.     }
  25. }
复制代码

Ok，完工～其实就是修改了其自带的showimage函数，加了长和宽的判断而矣：）嘻嘻
作者: LovGate    时间: 2005-10-24 06:22
不错，收藏
作者: 笨笨啊    时间: 2005-10-24 11:59
要和那个头像选择的整合，昨天太困了先睡了，嘻嘻
所以还没上传，今天完善一下再上传



欢迎光临 碧海潮声大学生网 (http://www.zjoubbs.com/) Powered by Discuz! X3.2