[代码分享]网页中的图片的处理方法与代码
2014-04-08 23:56:30 -0400
1 掉链接的图片处理
<img data-osrc="no.jpg" onerror="this.src='images/new.gif'">
2 自动缩小大图
经常看到一些图片很大,上传后显示会撑满屏幕。下面的例子通过检测图片的宽度,如果该图片的宽度大于“屏幕宽度-350”,
则让该图就显示“屏幕宽度-350”这么大小。
原图
<img data-osrc="jsimg/wallpaper.jpg">
设定大小的图
<img data-osrc="jsimg/wallpaper.jpg" onload="javascript:if(this.width>screen.width-350) this.width=screen.width-350">
3 禁止IE6中大尺寸图片的自动缩小
原图,会自动缩小
<img data-osrc="jsimg/wallpaper.jpg">
设定不缩小
<img data-osrc="jsimg/wallpaper.jpg" galleryimg="no">
4 去掉热点地图上的区域线框与超链接的线框
代码如下:
<a href="#" onFocus=this.blur()> <img data-osrc="jsimg/marylin.jpg" border=0> </a>
Back to home
Subscribe |
Register |
Login
| N