如何限制一篇文章中与图片与大小.docVIP

  1. 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  4. 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  5. 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  6. 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  7. 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
如何限制一篇文章中与图片与大小

如何限制一篇文章中的图片的大小 由于有时候文章中会出现图片,例如文章的宽度为800PX,但是文章中的图片大小为1200PX,这样如果控制了文章盒子的DIV的overflow为hidden的话,图片就不能够完整显示,但是如果不控制大小的话,图片又会撑破DIV盒子,请问如何解决?最好的比较完美的! PS:由于并不是每一篇文章都有img /,我的意思就是说只要文章中出现了图片,如果图片的大小超过指定宽度,那么就缩放到指定宽度。 style type=text/css !-- img,a img{ border:0; margin:0; padding:0; max-width:650px; width: expression(this.width 650 this.width this.height ? 650px : auto;); max-height:1650px; height: expresion(this.height 1650 ? 1650px : auto;); } -- /style 把系统自带的那个缩放JS换成这个真正的缩放图片代码 script language=JavaScript !-- //图片等比例缩放 var FitWidth = 350; //图片宽度 var FitHeight = 276; //图片高度 function ResizePic(ImgTag) { var image = new Image(); image.src = ImgTag.src; if(image.width0 image.height0){ if(image.width/image.height = FitWidth/FitHeight){ if(image.width FitWidth){ ImgTag.width = FitWidth; ImgTag.height = (image.height*FitWidth)/image.width; } else{ ImgTag.width = image.width; ImgTag.height = image.height; } } else{ if(image.height FitHeight){ ImgTag.height = FitHeight; ImgTag.width = (image.width*FitHeight)/image.height; } else{ ImgTag.width = image.width; ImgTag.height = image.height; } } } } -- /script 图片加载这个IMG border=0 src=/Article/UploadFiles/201102/2011022614204287.jpg onload=javascript:ResizePic(this)就OK啦 效果预览地址/Article/NewsAll/SchoolNews/201102/20110226140655_98.html ( 以下链接页面已失效 可用百度搜索 “解决文章图片撑破表格的办法用JS控制页面图的图片大小的通用代码) 请查看这个用JS控制页面图的图片大小的通用代码 /wsjy/wmzl/wlzs/201012/74280.html 上面这个主要是用于图片不大于网页的。那么下面这个就是专门控制图片大于网页的。代码直接放入网页/body/html之前即可。非常好。 解决文章图片撑破表格的办法(直接控制图片显示大小) /wsjy/wmzl/wlzs/200801/62078.html [本帖最后由 xjbtsx 于 2011-03-06 19:14:11 编辑]

文档评论(0)

skvdnd51 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档