[代码分享]网页中的图片的处理方法与代码

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>

休憩所

记录点滴生活,分享网络乐趣。


«Newer      Older»

Back to home

Subscribe | Register | Login | N