`
Programmer_ZhangDi
  • 浏览: 15034 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

js 图片缩显

阅读更多

<script language="javascript"> 
var flag=false;  
function MyImage(Img){  
var image=new Image();  
image.src
=Img.src;  
width
=236;//预先设置的所期望的宽的值 
height=170;//预先设置的所期望的高的值 
if(image.width>width||image.height>height){//现有图片只有宽或高超了预设值就进行js控制 
w=image.width/width; 
h=image.height/height; 
if(w>h){//比值比较大==>宽比高大 
//
定下宽度为width的宽度 
Img.width=width; 
//以下为计算高度 
Img.height=image.height/w; 

}
else{//高比宽大 
//
定下宽度为height高度 
Img.height=height; 
//以下为计算高度 
Img.width=image.width/h; 
 } 

}  
</script> 
<img src='http://pages.blueidea.com/articleimg/2007/01/1406/preview_b01.jpg' onload='javascript:MyImage(this);' border='0'>

分享到:
评论

相关推荐

    jsp 图片缩列图显示

    jsp 图片缩列图显示 jsp 图片缩列图显示是指在网页上显示缩略图的功能,通过对图片的缩放和排列,实现图片的批量预览和管理。在本例中,我们使用 Java 语言编写的 JSP 网页来实现图片缩列图显示。 知识点一:JSP ...

    js+flash图片可伸缩展示

    总结来说,"js+flash图片可伸缩展示"结合了JavaScript的灵活性和Flash的高性能渲染,为用户提供了一种高效且动态的图片浏览体验。在当前的技术环境中,虽然Flash的使用逐渐减少,但它的设计理念和一些功能仍对现代...

    多图片展开与收缩

    在本文中,我们将深入探讨如何使用原生JavaScript实现多图片的展开与收缩效果。这个功能在Web前端开发中经常被用到,特别是在构建交互式的图片展示应用时。我们将重点讲解JavaScript的基本语法、DOM操作以及事件处理...

    js实现图片等比例缩放

    在网页设计中,图片的等比例缩放是一个常见的需求,特别是在响应式布局中,为了保持图像的原始比例,避免拉伸或压缩导致变形,我们通常会利用JavaScript来动态调整图片大小。本文将深入探讨如何使用JavaScript实现...

    品牌展示,点击打开点击收缩显示

    这种效果主要依赖于JavaScript(JS)来实现动态的页面交互。 JavaScript是一种轻量级的解释型编程语言,广泛应用于网页和网络应用开发,用于添加交互性、处理数据和创建动态效果。在品牌展示的案例中,JS可以监听...

    通用网站顶部大图收缩JS特效

    通用网站顶部大图收缩JS特效,代码简单,通常够用了,有需要的直接下,不要客气

    Javascript等比缩图

    "Javascript等比缩图"就是一种利用JavaScript编程语言实现图片按比例缩放的技术,目的是确保图片在缩小或放大过程中保持原始的比例,避免图像变形,从而保证视觉效果的一致性。 首先,我们需要理解等比缩图的基本...

    JS水平伸缩图片手风琴特效.zip

    【标题】"JS水平伸缩图片手风琴特效"是一个基于JavaScript实现的动态效果,它在网页上展现出一种类似于手风琴的展开和收缩动画,主要用于图片展示。这个特效允许用户点击图片,图片会水平方向上进行伸缩,提供了一种...

    js图片浏览特效 js弹出特效

    JavaScript(简称JS)是一种广泛应用于网页和网络应用的编程语言,尤其在实现动态交互效果方面具有强大能力。在网页设计中,图片浏览特效和弹出特效是常见的需求,可以提升用户体验,使网站更加生动和吸引人。下面...

    jquery图片滑动伸缩.zip

    这种特效通过JavaScript库jQuery实现,使得图片能够在用户交互时平滑地滑动并改变尺寸,营造出动态、富有生机的页面效果。本文将深入探讨如何利用jQuery实现图片滑动伸缩这一功能。 一、jQuery简介 jQuery是一个...

    图片控件,有缩列图预览上下页功能,如QQ相册

    "图片控件,有缩列图预览上下页功能,如QQ相册"这个标题所描述的功能,指的是一个图片查看器组件,它具备了类似于QQ相册的浏览体验。QQ相册是腾讯QQ的一款知名功能,用户可以通过它来查看、上传和分享照片。这种控件...

    jQuery+CSS实用图片收缩与放大效果插件.rar

    《jQuery+CSS实现图片收缩与放大效果详解》 在网页设计中,图片的展示效果往往对用户体验有着重要的影响。一种常见的交互方式是图片的收缩与放大效果,这能为用户提供更直观、更具互动性的视觉体验。本文将深入探讨...

    滑动展开/收缩多图轮换广告代码js特效(横向)

    这种效果通过JavaScript(JS)实现,利用了DOM操作、事件监听和CSS样式变换,使得多张图片在用户鼠标滑过时产生交互性的展开与收缩动画。 1. **JavaScript基础**:首先,我们需要理解JavaScript的基本语法,包括...

    网页模板——SlideView javascript图片滑动扩展收缩展示效果.zip

    网页模板——SlideView javascript图片滑动扩展收缩展示效果是一种常见的前端设计技术,它主要用于网站的图像展示,尤其在产品展示、相册浏览或新闻资讯页面中广泛应用。这种效果通过JavaScript库实现,允许用户以...

    JavaScript图片切换特效(带略缩图)

    总结,实现JavaScript图片切换特效(带略缩图)需要结合HTML、CSS和JavaScript的知识,通过监听用户交互,更新DOM元素的属性和样式,以及考虑浏览器兼容性和性能优化,可以创建出流畅且视觉效果出色的图片切换效果。...

    js可定义时间的全屏收缩广告代码.rar

    在IT行业中,JavaScript(简称JS)是一种广泛应用于网页和网络应用开发的脚本语言,尤其在前端开发领域占据着核心地位。"js可定义时间的全屏收缩广告代码"这个项目,显然涉及到使用JavaScript实现一个功能,即在指定...

    ajax上传图片,PHP上传图片,PHP上传图片跨域,跨域上传图片,上传图片缩览图

    最后,创建图片缩览图通常是为了优化显示和节省服务器存储空间。在PHP中,我们可以使用GD库或者Imagick扩展来处理图片缩放。下面是一个使用GD库生成缩略图的例子: ```php $source_image = imagecreatefromjpeg($...

    js超炫图片效果,树形控件

    在IT领域,JavaScript(简称js)是一种广泛应用于网页和网络应用开发的脚本语言,它在客户端运行,赋予网页动态性和交互性。本资源包主要包含三类js实现的功能:图片滑动效果、树形控件以及图片展示功能,且这些功能...

    JS默认缩放点击显示6边型导航菜单图片代码下载.zip

    在这个"JS默认缩放点击显示6边型导航菜单图片代码下载"资源中,我们主要关注的是利用JavaScript来实现一个独特的导航菜单,该菜单在用户点击时能够以六边形的形式展示。这个效果不仅视觉上引人注目,而且可以增加...

    带缩图级简介的七屏js图片轮换代码

    本项目涉及的是一个采用JavaScript实现的“带缩图级简介的七屏图片轮换代码”,它提供了丰富的视觉体验,同时具备了缩略图预览功能,使用户能够方便地浏览和切换图片。下面我们将详细探讨这个轮换代码的关键知识点。...

Global site tag (gtag.js) - Google Analytics