如何使用javascript函数控制页面图片显示大小？

使用javascript函数完美控制页面图片显示大小Byshawl.qiu

linenum
1. <scripttype="text/javascript">
2. //<![CDATA[
3. window.onload=function(){
4. fResizeImg(500,500,'img');
5. //fResizeImg(500,500);
6. }
7. /*------------------------------------------------------*/
8. *Subject:使用javascript函数完美控制页面图片显示大小Byshawl.qiu
9. *使用:
10. *--------------------------------------
11. *1.Javascript脚本块
12. *window.onload=function(){
13. *fResizeImg(500,500,'img');
14. *//fResizeImg(500,500);
15. *}
16. *
17. *2.htmlbody标签
18. *<bodyonload="fResizeImg(500,500,'textMain');">
19. *--------------------------------------
20. *注:必须在页面加载完毕后使用本函数(这是基本的客户端应用概念)
21. /*-------------------------------------------------------*/
22. //---------------------------------beginfunctionfResizeImg();
23. functionfResizeImg(w,h,id){
24. varimg='';
25. varobj;
26. if(id==undefined)obj=document.images;
27. elseobj=document.getElementById(id).getElementsByTagName('img');
28.  
29. for(vari=0;i<obj.length;i++){
30. img=obj[i];
31. if(img.width>w&&(img.height<img.width)){
32. img.height=img.height-(img.height/(img.width/(img.width-w)))
33. img.width=w;
34. }elseif(img.height>h&&(img.height>img.width)){
35. img.width=img.width-(img.width/(img.height/(img.height-h)))
36. img.height=h;
37. }
38.  
39. img.onclick=function(){
40. try{imgPopup.close();}catch(e){}
41. imgPopup=open('#','imgurl','width=500,height=500,left='+(screen.availWidth-500)/2+
42. ',top='+(screen.availHeight-500)/2)
43. imgPopup.document.write('<script>document.onclick=function(){close();}/*单击关闭窗口*/<//script>');
44.  
45. imgPopup.document.write('<imgsrc="'+this.src+'"/>'+
46. '<script>'+
47. 'varw,h;'+
48. 'varimg=document.images[0];'+
49. 'if(navigator.appName=="Opera"){w=img.width+10;h=img.height+40}else{w=img.width+10;h=img.height+25};'+
50. 'self.resizeTo(w,h);'+
51. 'self.moveTo((screen.availWidth-img.width)/2,(screen.availHeight-img.height)/2)'+
52. '<//script>'+
53. '<style>body{margin:0;padding:0;}.hd{visibility:hidden;}<//style>');
54. imgPopup.document.write('<pclass="hd">ok</p>');
55. imgPopup.document.close();
56. imgPopup.focus();
57. }
58. }//shawl.qiuscript
59. }
60. //---------------------------------endfunctionfResizeImg();
61. //]]>
62. </script>