<script language=Javascript>
var proMaxHeight = 150;
var proMaxWidth = 110;
function proDownImage(ImgD){
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
var rate = (proMaxWidth/image.width < proMaxHeight/image.height)?proMaxWidth/image.width:proMaxHeight/image.height;
if(rate <= 1){
ImgD.width = image.width*rate;
ImgD.height =image.height*rate;
}
else {
ImgD.width = image.width;
ImgD.height =image.height;
}
}
}
</script>
百度的javascript还好啦。所以收录下来。如果懂这个的话,一看就懂了。呵呵。。。
不过还是介绍一下用法。。。。。
<img src="http://www.baidu.com/images/logo.gif" />
上面是一般的HTML里面用的插入图片的一段。。。很简单。但是当插入的图片是网友上传的图片,对尺寸/比例不确定的时候。我们需要的就是这个js了。。。这段代码可以根据网友上传的图片,进行比例缩放。这样不会导致很多商品展示都出现的。图片尺寸都固定死了的情况。。。。用法很简单,把上面的这段javascript放到<head></head>之间,然后把<img src="http://www.baidu.com/images/logo.gif" /> 改成<img src="http://www.baidu.com/images/logo.gif" onload=proDownImage(this); />这样。就可以了。意思就是在图片load装载的时候,调用proDownImage函数对this(即图片本身)对象进行设置。就可以了。很简单,但很实用。
分享到:
相关推荐
在这个工作里,我们与EMC2的曹逾博士进行了合作,针对窗口函数的优化技术,提出了基于临时窗口和组共享思想的窗口函数优化方案,在尽量减少数据读取和计算次数的前提下,优化了窗口函数的执行过程,提升了函数的执行...
SQL精妙语句
本书以50个精选的Javascrip:程序实例作为练习,每个例子均有详细的操作步骤,并附有针对性很强的思考题,有助于读者快速巩固和提高自己的Javascript编程水平。 在内容编排上,本书将50个练习按照浏览器相关、...
精妙SQL语句精妙SQL语句精妙SQL语句精妙SQL语句精妙SQL语句
SQL精妙语法SQL精妙语法SQL精妙语法SQL精妙语法SQL精妙语法
我们有许多源代码公开的操作系统,可供随时下载和阅读,看上去好像让实现一个供自己把玩的微型操作系统变得容易很多,但事实往往不尽人意,因为这些代码动辄上万甚至几十几百万行,而且细节之间经常互相关联,要...
我们有许多源代码公开的操作系统,可供随时下载和阅读,看上去好像让实现一个供自己把玩的微型操作系统变得容易很多,但事实往往不尽人意,因为这些代码动辄上万甚至几十几百万行,而且细节之间经常互相关联,要...
Spring的源码设计精妙、结构清晰、匠心独用,处处体现着大师对Java设计模式灵活运用以及对Java技术的高深造诣。Spring框架源码无疑是Java技术的最佳实践范例。如果想在短时间内迅速提高自己的Java技术水平和应用开发...
用matlab编写的九宫格小游戏。九宫格指的是手机中的九格解锁的锁屏样式,主要考验推理能力,里面有很多比较难的解锁图案,也希望大家多多指教,能提供更多的更精妙的解锁图案
今天要给大家带来8款精妙无比的HTML5动画实例,每一个动画演示都有源代码提供下载,非常方便大家学习HTML5的相关知识,一起来看看吧。 1、基于HTML5 Canvas的图表插件Chart.js chart.js是一款基于HTML5 Canvas的...
精妙SQL语句收藏 精妙SQL语句 精妙SQL语句
一个精妙的算法,此算法可解决n的n次方的数字根,C源程序
精妙SQL语句介绍精妙SQL语句介绍精妙SQL语句介绍
界面新颖美观,算法精妙,突破传统算法,可单机对弈亦可联机对弈
很实用的SQL语句,在网上看见的,整理了一下,跟大家分享
收集了各种SQL命令及小技巧
精妙Sql语句 精妙Sql语句 精妙Sql语句 sql语句精选
记录了一些比较常用的SQL语句,以提高您的数据库水平.
精妙句子.doc