百度源代码里的精妙javascript图片大小处理函数 - royzhou1985 - ITeye博客

`

royzhou1985

浏览: 254495 次
性别:
来自: 广州

最近访客更多访客>>

a684716

zhengzizhi

ganxueyun

odinyu

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

pshaoyi：连接创建没问题，在执行的时候就报错了。Caused by: c ...
jdbc连接池简单封装
imbangbang：中文乱码，没有解决掉
Java实现Zip压缩与解压(解决中文乱码问题)
chjy1983：麻烦也发份给我，chl_82@126.com,谢谢！
Java实现Zip压缩与解压(解决中文乱码问题)
jidacwj：楼主写的这个有问题呀首先，多线程分割文件第45行，我尝试打印每 ...
Java 大文件读取排序
www6wzk：非常好的学习例子，十分感谢！
Jbpm工作流实例—报销申请

百度源代码里的精妙javascript图片大小处理函数

博客分类：

Javascript

百度 JavaScript HTML

阅读更多

<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(即图片本身)对象进行设置。就可以了。很简单，但很实用。

分享到：

Spring MVC 配置 | javascript 日历控件

2009-10-10 17:01
浏览 1393
评论(1)
查看更多

评论

1 楼 eve8517 2009-11-27

不错，顶顶

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

莱昂氏unix源代码分析: 9. **错误处理**：Unix的错误处理机制严谨，源代码中充满了各种错误检查和处理代码，这对于编写健壮的系统级程序具有借鉴意义。 10. **版本控制系统**：Unix发展过程中引入了版本控制系统，如早期的 SCCS 和后来的 ...

FreeBSD-7内核malloc源代码分析: 其源代码显示，`malloc`函数的核心逻辑位于第347行至366行，这段代码根据请求的内存大小采取不同的分配策略，具体如下： #### 小内存分配：uma_zalloc 当请求的内存大小小于或等于`KMEM_ZMAX`时，`malloc`函数将...

CSharpDevelop编辑器源代码: 《CSharpDevelop编辑器源代码解析》 CSharpDevelop（简称SD）是一款开源的C#集成开发环境（IDE），它的源代码提供了深入了解C#编程语言、.NET框架以及IDE开发的宝贵资料。本文将深入探讨SharpDevelop2.1版本的源...

OllyDbg插件源代码: 源代码中的C代码展示了如何与OllyDbg的内核进行交互，调用OllyDbg的API函数，例如创建调试事件处理程序、读写内存、分析指令、设置断点等。通过对这些代码的学习，开发者可以了解到如何在OllyDbg环境中实现自定义...

如何读懂源代码: 甚至有时，我们还能通过源代码发现编程之美，体会到编程艺术的精妙所在。总而言之，读懂源代码是一项复杂的工作，需要程序员有扎实的编程基础、良好的逻辑思维能力以及不断学习的态度。通过掌握上述这些阅读源代码...

Linux内核源代码漫游.pdf: ### Linux内核源代码漫游知识点解析 #### 一、概览《Linux内核源代码漫游》是一份深入探讨Linux内核架构与实现原理的技术文档，旨在帮助具有一定编程基础和技术背景的读者理解Linux内核的核心机制。该文档不仅...

连连看MFC版源代码: 《连连看MFC版源代码解析》连连看是一款广受欢迎的休闲益智游戏，它以其简单的规则和挑战性吸引了大量的玩家。在这个“连连看MFC版”中，开发者运用了Microsoft Foundation Classes (MFC)库来构建游戏的图形用户...

kbengine源代码读 v0.0.1: 通过对kbengine源代码v0.0.1版本的解读，我们可以看到这款引擎在设计上的诸多精妙之处。从组件化的架构到详细的异常处理机制，每一个细节都体现了开发者对性能和稳定性的追求。尽管当前版本可能存在一些不足，但其...

linux源代码分析:Linux操作系统源代码详细: ### Linux源代码分析 #### 知识点概览本文主要围绕Linux操作系统的源代码进行深入剖析，旨在帮助读者理解Linux内核是如何实现其核心功能的。这些功能包括但不限于：多任务处理、内存管理、进程调度等。我们将通过...

Linux源代码以C为基础: Linux操作系统是全球最广泛使用的开源操作系统之一，其内核由C语言编写，这也是"Linux源代码以C为基础"这一主题的核心所在...通过逐步研究源代码，参与社区活动，你将能逐步揭开Linux这个复杂而精妙的系统的神秘面纱。

VCD播放器源代码: 总之，"STHVCD2"这个压缩包文件包含的VCD播放器源代码是一个宝贵的教育资源，它揭示了多媒体软件开发的复杂性和精妙之处，对于提升开发者的技术能力具有极大的价值。无论是初学者还是经验丰富的程序员，都能从中获益...

操作系统莱昂氏unix源代码分析: 操作系统是计算机科学的基础，而莱昂氏Unix（通常指的是 Dennis Ritchie 和 Ken Thompson 开发的早期...通过对源代码的逐行解读，我们可以发现Unix设计的精妙之处，并从中汲取灵感，应用到现代操作系统的设计和开发中。

华容道源代码: 为了保证游戏运行流畅，源代码可能包含各种优化策略，如减少不必要的计算、缓存中间结果、多线程处理等。在解决复杂棋局时，合理的内存管理和算法优化至关重要。五、游戏规则与逻辑华容道的游戏规则在源代码中会...

sun源代码: 《深入解析Sun源代码：构建Java编程基石》在编程领域，源代码是理解软件运行...总的来说，Sun的源代码是一本活生生的教科书，它揭示了Java语言背后的精妙设计和实现细节，对于任何Java开发者来说都是一份宝贵的财富。

Android 浏览器(基于WebKit) 源代码: 5. **JavaScript交互**：通过JavaScriptBridge，Android应用可以直接调用JavaScript代码，反之亦然。这在实现网页与原生应用之间的交互功能时非常有用，如分享、登录等。 6. **性能优化**：WebKit提供了多种性能...

C语言的科学和艺术－源代码.: 《C语言的科学和艺术》是一本深入探讨C语言编程技术的书籍，其源代码是学习C语言编程的重要参考资料。本书旨在揭示C语言的内在原理，同时展示其在实际编程中的艺术性，使得读者不仅能掌握C语言的基础，还能领略到...

莱昂氏UNIX源代码分析: 《莱昂氏UNIX源代码分析》是一本深入探讨UNIX操作系统内核源代码的权威著作，由著名计算机科学家、UNIX系统的主要开发者之一丹尼斯·里奇和肯·汤普逊所著。这本书对于理解UNIX系统的工作原理，以及学习操作系统设计...

妙手连珠五子棋人工智能源代码(136kb): "妙手连珠五子棋人工智能源代码(136kb)" 这个标题揭示了我们正在处理的是一个关于五子棋游戏的人工智能算法的源代码。"妙手连珠"是对五子棋的一种形象化的表述，意味着精妙的棋局布局和连珠般的棋步。"人工智能"表明...

Global site tag (gtag.js) - Google Analytics