<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 图片缩列图显示是指在网页上显示缩略图的功能,通过对图片的缩放和排列,实现图片的批量预览和管理。在本例中,我们使用 Java 语言编写的 JSP 网页来实现图片缩列图显示。 知识点一:JSP ...
总结来说,"js+flash图片可伸缩展示"结合了JavaScript的灵活性和Flash的高性能渲染,为用户提供了一种高效且动态的图片浏览体验。在当前的技术环境中,虽然Flash的使用逐渐减少,但它的设计理念和一些功能仍对现代...
在本文中,我们将深入探讨如何使用原生JavaScript实现多图片的展开与收缩效果。这个功能在Web前端开发中经常被用到,特别是在构建交互式的图片展示应用时。我们将重点讲解JavaScript的基本语法、DOM操作以及事件处理...
在网页设计中,图片的等比例缩放是一个常见的需求,特别是在响应式布局中,为了保持图像的原始比例,避免拉伸或压缩导致变形,我们通常会利用JavaScript来动态调整图片大小。本文将深入探讨如何使用JavaScript实现...
这种效果主要依赖于JavaScript(JS)来实现动态的页面交互。 JavaScript是一种轻量级的解释型编程语言,广泛应用于网页和网络应用开发,用于添加交互性、处理数据和创建动态效果。在品牌展示的案例中,JS可以监听...
通用网站顶部大图收缩JS特效,代码简单,通常够用了,有需要的直接下,不要客气
"Javascript等比缩图"就是一种利用JavaScript编程语言实现图片按比例缩放的技术,目的是确保图片在缩小或放大过程中保持原始的比例,避免图像变形,从而保证视觉效果的一致性。 首先,我们需要理解等比缩图的基本...
【标题】"JS水平伸缩图片手风琴特效"是一个基于JavaScript实现的动态效果,它在网页上展现出一种类似于手风琴的展开和收缩动画,主要用于图片展示。这个特效允许用户点击图片,图片会水平方向上进行伸缩,提供了一种...
JavaScript(简称JS)是一种广泛应用于网页和网络应用的编程语言,尤其在实现动态交互效果方面具有强大能力。在网页设计中,图片浏览特效和弹出特效是常见的需求,可以提升用户体验,使网站更加生动和吸引人。下面...
这种特效通过JavaScript库jQuery实现,使得图片能够在用户交互时平滑地滑动并改变尺寸,营造出动态、富有生机的页面效果。本文将深入探讨如何利用jQuery实现图片滑动伸缩这一功能。 一、jQuery简介 jQuery是一个...
"图片控件,有缩列图预览上下页功能,如QQ相册"这个标题所描述的功能,指的是一个图片查看器组件,它具备了类似于QQ相册的浏览体验。QQ相册是腾讯QQ的一款知名功能,用户可以通过它来查看、上传和分享照片。这种控件...
《jQuery+CSS实现图片收缩与放大效果详解》 在网页设计中,图片的展示效果往往对用户体验有着重要的影响。一种常见的交互方式是图片的收缩与放大效果,这能为用户提供更直观、更具互动性的视觉体验。本文将深入探讨...
这种效果通过JavaScript(JS)实现,利用了DOM操作、事件监听和CSS样式变换,使得多张图片在用户鼠标滑过时产生交互性的展开与收缩动画。 1. **JavaScript基础**:首先,我们需要理解JavaScript的基本语法,包括...
网页模板——SlideView javascript图片滑动扩展收缩展示效果是一种常见的前端设计技术,它主要用于网站的图像展示,尤其在产品展示、相册浏览或新闻资讯页面中广泛应用。这种效果通过JavaScript库实现,允许用户以...
总结,实现JavaScript图片切换特效(带略缩图)需要结合HTML、CSS和JavaScript的知识,通过监听用户交互,更新DOM元素的属性和样式,以及考虑浏览器兼容性和性能优化,可以创建出流畅且视觉效果出色的图片切换效果。...
在IT行业中,JavaScript(简称JS)是一种广泛应用于网页和网络应用开发的脚本语言,尤其在前端开发领域占据着核心地位。"js可定义时间的全屏收缩广告代码"这个项目,显然涉及到使用JavaScript实现一个功能,即在指定...
最后,创建图片缩览图通常是为了优化显示和节省服务器存储空间。在PHP中,我们可以使用GD库或者Imagick扩展来处理图片缩放。下面是一个使用GD库生成缩略图的例子: ```php $source_image = imagecreatefromjpeg($...
在IT领域,JavaScript(简称js)是一种广泛应用于网页和网络应用开发的脚本语言,它在客户端运行,赋予网页动态性和交互性。本资源包主要包含三类js实现的功能:图片滑动效果、树形控件以及图片展示功能,且这些功能...
在这个"JS默认缩放点击显示6边型导航菜单图片代码下载"资源中,我们主要关注的是利用JavaScript来实现一个独特的导航菜单,该菜单在用户点击时能够以六边形的形式展示。这个效果不仅视觉上引人注目,而且可以增加...
本项目涉及的是一个采用JavaScript实现的“带缩图级简介的七屏图片轮换代码”,它提供了丰富的视觉体验,同时具备了缩略图预览功能,使用户能够方便地浏览和切换图片。下面我们将详细探讨这个轮换代码的关键知识点。...