Javascript控制图片大小

上一篇 / 下一篇  2007-09-13 17:31:54

PHPChina 开源社区门户1O8?Lr"d7`{

原图(小图):<br>PHPChina 开源社区门户n7i | H9ko-p+W
<IMG id="img1" src="http://www.google.com/options/icons/picasa.gif" style="border:1px #ff0000 solid" >PHPChina 开源社区门户4SDtLI-JC!Z
<a href=javascrīpt:void(0) ōnClick="alert( document.getElementById('img1').width + '×' + document.getElementById('img1').height ) ">图片大小</a>
*_C4g!z1y!p*ZG0<br><hr><br>
4Sn^)i Bv|0小图放大:<br>PHPChina 开源社区门户y | {6J!B
<IMG id="img2" src="http://www.google.com/options/icons/picasa.gif" style="border:1px #ff0000 solid" ōnload="resizeImg(this)">PHPChina 开源社区门户+fYt#_6}\"X
<a href=javascrīpt:void(0) ōnClick="alert( document.getElementById('img2').width + '×' + document.getElementById('img2').height ) ">图片大小</a>
n[kf2y [ Lau0f.y9y0<br><hr><br>PHPChina 开源社区门户#Vum]W:D9m9_A(N
原图(大图):<br>PHPChina 开源社区门户uJ.f)v!|~'p j
<IMG id="img3" src="http://www.google.cn/intl/zh-CN/images/logo_cn.gif" style="border:1px #ff0000 solid" >
ed6Q"Z^0<a href=javascrīpt:void(0) ōnClick="alert( document.getElementById('img3').width + '×' + document.getElementById('img3').height ) ">图片大小</a>
g|7E$@:hMn;y n0<br><hr><br>PHPChina 开源社区门户vNm;q(w+iU)~$P*ky9v
大图缩小:<br>PHPChina 开源社区门户}jEz:g$\\ u/i
<IMG id="img4" src="http://www.google.cn/intl/zh-CN/images/logo_cn.gif" style="border:1px #ff0000 solid" ōnload="resizeImg(this)">PHPChina 开源社区门户Z8Gn)qhh M P
<a href=javascrīpt:void(0) ōnClick="alert( document.getElementById('img4').width + '×' + document.getElementById('img4').height ) ">图片大小</a>
,r+C-? tx[B-JM0<br><hr><br>

Xs:C)`(q"c m2^F^0 PHPChina 开源社区门户NL4DZu D9J \

<scrīpt type="text/javascrīpt">
`t Qj Q[ u$`6O0function resizeImg(obj){PHPChina 开源社区门户9E6~!^ eA
   if(obj.width>100||obj.height>100){
]"J4z w"J0      for(i=0;(obj.width>=101||obj.height>=101);i++)PHPChina 开源社区门户&i4M z\/ZP
      {
5i!DL:y _(]He{ M0         obj.width-=1;PHPChina 开源社区门户T~g1QMd
      }PHPChina 开源社区门户"y7vP{olV
   }
b:s`mky@*Kp#T0   else if(obj.width<100||obj.height<100){PHPChina 开源社区门户(`B+zx g}7w]Te
      for(i=0;(obj.width<=99&&obj.height<=99);i++){PHPChina 开源社区门户F a*TAe7z9i)`k
         obj.width+=1;
-w$LK!N B0      }
*U|T(H7{v;Jn'w0   }
)H y)?S1Y?.jC0}
Hs#Wa2E0</scrīpt>PHPChina 开源社区门户#dI4N4\DC*{Z0jM


TAG: Ajax

 

评分:0

我来说两句

显示全部

:loveliness: :handshake :victory: :funk: :time: :kiss: :call: :hug: :lol :'( :Q :L ;P :$ :P :o :@ :D :( :)

数据统计

  • 访问量: 1522
  • 日志数: 5
  • 建立时间: 2007-08-04
  • 更新时间: 2007-09-17

RSS订阅

Open Toolbar