网页图片处理代码全集整理　　　　来源 weste.net　佚名

1.掉链级图片的替代图片


 

2.2，自动缩小大图

　　经常看到一些图片很大，上传后显示会撑满屏幕下面的例子通过检测if(this.width>screen.width-350)then(this.width=screen.width-350)如果该图片的宽度大于“屏幕宽度-350”，则让该图就显示“屏幕宽度-350”这么大小。

原图



设定大小的图


3.　3，禁止IE6中大尺寸图片的自动缩小

原图,会自动缩小



设定不缩小


 

4.　　4，去掉用IE6.0浏览图片，当鼠标放到图片上时出现快捷工具（打印、邮寄、另存等）

方法一：

方法二：

定义CSS：

5.去掉热点地图上的区域线框与超链接的线框


，可控制上传图片的大小





   


        " name="file1"  value="">
       
     


 

　　7，检测一个图片的长宽尺寸




　8，按比例缩小





 

9，类似Acdsee看大图的时的拖动



Untitled    Document




   



 

10.10，选择图片产生缩略图，最多10个



Upload Image





                                  borderColorDark=#cccccc borderColorLight=#000000
                                cellPadding=5 cellSpacing=1 height=367
                                width="500">
   
     
       
     
     
       
     
     
       
     
   
 
                                height=269 id=upid vAlign=top>
           
             
               
               
             
           
         
                                width=120>文件1:
                                                  name=file1 onpropertychange=FileChange(this);
                                style="WIDTH: 275px" type=file>                                 name=width1 type=hidden>                                 name=height1 type=hidden>                                 id=PicUpdateDate1 name=PicUpdateDate1
                                type=hidden>
                                height=24>
将图片上传至已有相册
           
                                            id=TempAlbum name=TempAlbum type=hidden
                                value=365>
                                            style="DISPLAY: none">或新建相册
                                            maxLength=50 name=NewAlbum onfocus="">
           
                                height=24>

           
                                            value=1>
           
           




11.不同的ALT


网页教学网

关联文档