网页中的图片的处理方法
2009-11-25 10:41
232 查看
昨天的一篇 图片的alt属性 文章评论中的启发,特将网页中的图片的一些处理方法 小小的总结一下
1 掉链接的图片处理
<img src="no.jpg" onerror="this.src='images/new.gif'">
2 自动缩小大图
经常看到一些图片很大,上传后显示会撑满屏幕。下面的例子通过检测图片的宽度,如果该图片的宽度大于“屏幕宽度-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 去掉热点地图上的区域线框与超链接的线框
<a href="#" onFocus=this.blur()> <img src="jsimg/marylin.jpg" border=0> </a>
5 可控制上传图片的大小
<script language="JavaScript">
</script>
<form onSubmit="return mysubmit(this)" name="form" method="post" enctype="multipart/form-data">
<table width="100%" border=0 cellspacing=0 cellpadding=0>
<tr><td valign=top height=30>
<input type="hidden" name="act" value="upload">
<input type="file" style="BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 1px; CURSOR: text; COLOR: #333333; FONT-FAMILY: "MS Shell Dlg", ","Tahoma", ","宋体"; HEIGHT: 20px; BORDER-RIGHT-WIDTH: 1px
" name="file1" value="">
<input type="submit" name="Submit" value="上传" >
</td> </tr> </table>
<img id=loadImg>
</form>
1 掉链接的图片处理
<img src="no.jpg" onerror="this.src='images/new.gif'">
2 自动缩小大图
经常看到一些图片很大,上传后显示会撑满屏幕。下面的例子通过检测图片的宽度,如果该图片的宽度大于“屏幕宽度-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 去掉热点地图上的区域线框与超链接的线框
<a href="#" onFocus=this.blur()> <img src="jsimg/marylin.jpg" border=0> </a>
5 可控制上传图片的大小
<script language="JavaScript">
</script>
<form onSubmit="return mysubmit(this)" name="form" method="post" enctype="multipart/form-data">
<table width="100%" border=0 cellspacing=0 cellpadding=0>
<tr><td valign=top height=30>
<input type="hidden" name="act" value="upload">
<input type="file" style="BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 1px; CURSOR: text; COLOR: #333333; FONT-FAMILY: "MS Shell Dlg", ","Tahoma", ","宋体"; HEIGHT: 20px; BORDER-RIGHT-WIDTH: 1px
" name="file1" value="">
<input type="submit" name="Submit" value="上传" >
</td> </tr> </table>
<img id=loadImg>
</form>
相关文章推荐
- 当网页图片不存在时的处理方法
- 网页中的图片的处理方法与代码
- 当网页图片不存在时的处理方法
- 响应式网页设计中的图片处理方法
- 网页中的图片的处理方法与代码
- 当网页图片不存在时的处理方法
- 快速保存网页中所有图片的方法
- 包含iphone4在内的icon,default及图片处理方法
- 让整个网页(LOGO图片)色调全部变灰的方法(CSS写法)
- 判断WebBrowser浏览器网页加载完成的处理方法
- 分享PHP源码批量抓取远程网页图片并保存到本地的实现方法
- asp.net 中 UEditor 图片和附件上传失败的处理方法
- php对图片上传的处理以及图片加文字水印和图片水印的方法
- 下载给定网页上图片的方法
- Python使用正则表达式抓取网页图片的方法示例
- 图片的cache处理时出现内存溢出(OutOfMemoryError, OutOfMemory)的解决方法
- html 图片超出父容器,文字超出边界需要自动换行处理方法
- 在VC中显示和处理图片的方法
- IOS中对图片进行重绘处理的方法总结
- win7系统IE浏览器网页受到恶意软件破坏导致无法显示图片视频或无法打开网页的解决方法