源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

网页中的图片的处理方法与代码

  • 时间:2020-04-30 17:02 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:网页中的图片的处理方法与代码
1 掉链接的图片处理 <img src="no.jpg" onerror="this.src='images/new.gif'"> 2 自动缩小大图 经常看到一些图片很大,上传后显示会撑满屏幕。下面的例子通过检测图片的宽度,如果该图片的宽度大于“屏幕宽度-350”, 则让该图就显示“屏幕宽度-350”这么大小。 原图 <img src="jsimg/wallpaper.jpg"> 设定大小的图   <img src="jsimg/wallpaper.jpg" onload="javascript:if(this.width>screen.width-350) this.width=screen.width-350"> 3 禁止IE6中大尺寸图片的自动缩小    原图,会自动缩小   <img src="jsimg/wallpaper.jpg">   设定不缩小   <img src="jsimg/wallpaper.jpg" galleryimg="no"> 4 去掉热点地图上的区域线框与超链接的线框
[url=#]
5 可控制上传图片的大小 处理上传图片大小的JS
[u]复制代码[/u] 代码如下:
<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>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部