解决未知尺寸的图片撑破页面的问题

2016-02-19 13:15 12 1 收藏

想要天天向上,就要懂得享受学习。图老师为大家推荐解决未知尺寸的图片撑破页面的问题,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!

【 tulaoshi.com - Web开发 】

  保证原图片长高比例,且不超过最大高度或宽度

function initimg(parpic,maxwidth,maxheight)
{
var scale=maxwidth/maxheight;
var realscale=parpic.width/parpic.height;
if((parpic.widthmaxwidth)||(parpic.heightmaxheight))
{
if(realscalescale)
{
parpic.width=maxwidth;
}
else
{
parpic.height=maxheight;
}
}
}

  调用方法:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  图片中加onload事件如下:

img name="carpic" onload="initimg(this,165,176)" src="图片地址"

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  其中165,176,则为强制最大宽度及高度.

来源:http://www.tulaoshi.com/n/20160219/1603550.html

延伸阅读
标签: Web开发
由于平时使用的网页文件基本上都是gb2312编码方式,如果通过xmlhttp控件读取的话,肯定会出现乱码问题,但是要把所有文件都改成utf-8编码,操作上比较麻烦。经过反复比较,我找到了相对实用的解决方法。 ff提供了overrideMimeType方法,可以指定返回值的编码,所以解决起来比较简单,只要把这个方法指向gb2312就可以了。对于IE,可以用vb...
标签: Web开发
用TABLE和DIV做页面布局设计的时候,遇到大尺寸的图片和长英文字符串,布局中定义的尺寸都会被破坏,导致页面布局变形. 有没有办法可以解决呢? 用CSS的属性OVERFLOW:hidden可以来控制,这样超出部分会自动隐藏,这样做不好的地方是就是这部分的信息显示不完全,比如图片只显示了一部分. 但是页面布局不会乱. 要注意的是,使用over...
标签: Web开发
上图是美工为一站点制作的图文并茂的新闻标题列表,采用表格进行布局,右上和下部分分布在两个单元格中,程序实现起来可不太容易:要么分两次查询,一次取4条,一次取5条;要么一次取出9条,再分在两个单元格中显示。能不能通过设置图片的属性,让文字和图片像Word中一样可以四周环绕对齐?这样程序就不用理会图片,只负责一次读取显示就...
标签: Web开发
很多人都想把自己做的页面"保护"起来,但是事实上是没有办法不让高手看到的,我们能做的只是让一部分网友看不到源代码。 一、最简单要办法是这样的:把要保护的页面做成弹出窗口,此窗口中不要有状态栏等,就是做成最简单的页面,然后在页面中用右键屏蔽页面,这个时候右键屏蔽是非常有效的,可以防止大多数的网友查看源代码。下面我们就具体...
标签: Web开发
代码如下: ?php  class html  {      var $dir;        //dir for the htmls(without/)      var $rootdir;    //root of html files(without/):html  &n...

经验教程

214

收藏

97
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部