网页图片处理代码全集整理

网页图片处理代码全集整理 

1，掉链级图片的替代图片 
        <img src="no.jpg" onerror="this.src='images/logo.gif'">

2，自动缩小大图
        　　经常看到一些图片很大，上传后显示会撑满屏幕下面的例子通过检测if(this.width>screen.width-350)then (this.width=screen.width-350)如果该图片的宽度大于“屏幕宽度-350”，则让该图就显示“屏幕宽度-350”这么大小。
        原图<br>
        <img src="jsimg/wallpaper.jpg"><br>
        设定大小的图<br>
        <img src="jsimg/wallpaper.jpg" 
        onload="javascript:if(this.width>screen.width-350)this.width=screen.width-350">
3，禁止IE6中大尺寸图片的自动缩小
        原图,会自动缩小<br>
        <img src="jsimg/wallpaper.jpg"> <br>
        设定不缩小<br>
        <img src="jsimg/wallpaper.jpg" galleryimg="no">
4，去掉用IE6.0浏览图片，当鼠标放到图片上时出现快捷工具（打印、邮寄、另存等）
        方法一：
        <META HTTP-EQUIV="imagetoolbar" CONTENT="no">
        方法二：
        <img galleryimg="no">
        定义CSS：
        <style>
        img {nobar:expression(this.galleryImg='no')}
        </style>
5，去掉热点地图上的区域线框与超链接的线框
        <a href="#" onFocus=this.blur()><img src="jsimg/marylin.jpg" 
        border=0></a>
6，可控制上传图片的大小

        <script language="JavaScript">
        function orsc()
        {
        if(img.readyState!="complete")return false;
        if(img.offsetWidth!=132&&img.offsetHeight!=99){
        alert("您选择的图片大小："+img.offsetWidth+"X"+img.offsetHeight+"\n"+"请选择132X99大小的图片")
        imgT=true;
        }
        //alert("图片大小："+img.offsetWidth+"X"+img.offsetHeight);
        //alert("图片尺寸："+img.fileSize);
        }
        function mysubmit(theform)
        {
        if(theform.file1.value=="")
        {
        alert("请点击浏览按钮，选择您要上传的JPG或GIF文件!")
        theform.file1.focus;
        return (false);
        }
        else
        {
        str= theform.file1.value;
        strs=str.toLowerCase();
        lens=strs.length;
        extname=strs.substring(lens-4,lens);
        if(extname!=".jpg" && extname!=".gif")
        {
          alert("请选择JPG或GIF格式的文件!");
          return (false);
        }else{