`
cscs31
  • 浏览: 27202 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

Javascript改变图片大小的玄机

阅读更多
问大家个问题啊,我刚才做了一个测试
在浏览器里设置图片的大小
var image = $("#img1");
image.height(1024);//这个时候图片是等比例缩放的
image.width(XXX);//这个时候图片的高度不变宽度变了(变胖或者变瘦)

var image = $("#img1");
image.width(1024);//这个时候图片是等比例缩放的
image.height(XXX);//这个时候图片的宽度不变高度变了(拉伸或者压缩)

IE和FF都是这样的,有什么玄机吗?我本来以为设置多少就是多少。
分享到:
评论

相关推荐

    JavaScript改变地图DIV大小

    在这个实例中,我们将探讨如何使用SuperMap iClient 7C for JavaScript来动态地改变地图显示在页面中的DIV元素的大小。 首先,理解基本概念:在HTML中,`<div>`元素是一个可塑性很强的容器,通常用来组织网页内容。...

    高度,javascript判断上传图片大小,宽度,高度

    4. **判断图片大小**: 图片的大小通常指的是它的字节数,可以通过`File`对象的`size`属性获取。如果需要限制上传图片的大小,可以比较`size`与设定的阈值。 5. **事件处理**: 使用`FileReader`的`onload`事件来...

    css与JavaScript与图片美化

    本资源包中的"跑马灯"效果,可能利用了JavaScript来动态改变图片的显示顺序,创造出连续滚动的视觉效果;"文字由远到近的变化"可能是通过CSS3的`translateZ`实现的3D变换,模拟深度感;"图片的淡入淡出"则是CSS3的`...

    javascript经典特效---图片的大小变换.rar

    6. **响应式设计**:JavaScript可以检测窗口大小变化,实现响应式图片大小调整。例如,当窗口缩放时,图片也随之按比例缩放,保持布局的和谐。 7. **jQuery库**:对于更复杂的操作,可以借助jQuery这样的JavaScript...

    JavaScript调整页面字体大小

    JavaScript 提供了一种动态改变页面元素字体大小的方法,使得用户无需手动更改浏览器设置即可实现这一功能。本文将深入探讨如何使用 JavaScript 实现这一功能,并结合 CSS 字体大小属性来创建响应式和可自定义的文本...

    javascript图片展示

    在"index.html"中,我们通常会使用`<img>`标签来插入图片,并可以通过JavaScript来改变这些图片的显示方式。 例如,我们可以使用JavaScript来控制图片的加载和显示。当用户点击按钮或者满足特定条件时,通过修改`...

    javascript实现鼠标拖动改变层大小的方法

    标题“javascript实现鼠标拖动改变层大小的方法”和描述中提到的内容,涉及的主要知识点包括JavaScript操作鼠标事件和如何使用JavaScript更改DOM元素的样式来实现层大小的动态调整。这个过程涉及到编程人员对...

    javascript简单图片库

    JavaScript图片库会根据设备的屏幕尺寸和方向自动调整图片大小和布局,确保在不同设备上都有良好的显示效果。这通常通过监听窗口的`resize`事件,配合媒体查询(Media Queries)来实现。 懒加载是另一种节省带宽的...

    javascript 图片浏览

    5. **样式控制**:为了提高用户体验,可能还需要用JavaScript来调整图片的大小、位置,或者添加过渡效果。可以使用`style`对象来修改元素的CSS属性。 6. **错误处理**:考虑到网络问题,应当处理图片加载失败的情况...

    js 改变 框架 大小

    本文将详细介绍如何使用JavaScript来改变`iframe`框架的大小,并探讨两种主要的实现方式。 #### 基础概念 在开始之前,我们需要了解一些基础概念: - **`iframe`**:HTML中的一种元素,用于在当前文档内嵌入另一...

    JavaScript图片展示遮罩特效

    JavaScript图片展示遮罩特效是一种常见的网页交互设计,它在用户将鼠标悬停在图片上时,会自动弹出一个半透明的遮罩层,显示更详细的图片信息或提供额外的操作选项。这种效果常用于相册浏览、产品展示、游戏交互等...

    10款javaScript图片展示

    以下是对标题"10款JavaScript图片展示"中涉及的知识点的详细解释: 1. 图片轮播(Image Carousel):这是一种常见的图片展示方式,通过JavaScript可以实现图片的自动切换,通常带有导航箭头和指示器,让用户可以...

    JavaScript图片大小调整Pica.zip

    Pica 是一个 JavaScript 库,可在浏览器上实现高质量而且高性能的图片大小调整。 标签:Pica

    拖动div的四个拐角改变其大小

    标题“拖动div的四个拐角改变其大小”所描述的就是这样一个功能,允许用户通过拖动div的四个角来动态调整div的宽度和高度。 实现这个功能通常会涉及到JavaScript库,例如jQuery。jQuery是一个广泛使用的JavaScript...

    JavaScript图片特效类

    JavaScript图片特效是网页动态设计中的一个重要组成部分,它可以让网页中的图片更具吸引力,提升用户体验。JavaScript是一种广泛用于浏览器端的脚本语言,通过它可以实现各种各样的图片处理和动画效果。在网页开发中...

    移动鼠标,变化图片大小

    在给定的“移动鼠标,变化图片大小”项目中,我们看到一个JavaScript类被封装,其核心功能是允许用户通过移动鼠标来动态调整网页中图片的大小,提供更丰富的用户体验。 首先,我们要理解JavaScript是如何与HTML交互...

    js验证上传图片 大小 格式

    接着,代码还包含了对图片大小的验证。这主要通过获取图片的尺寸(高度和宽度)和文件大小来进行。首先,创建一个新的`Image`对象,并设置其源为上传的图片路径。然后,通过`Image`对象的属性`height`、`width`和`...

    HTML中可拖动改变框架大小的页面范例

    HTML中的可拖动改变框架大小的功能,是一种交互式的网页设计技术,主要依赖于JavaScript和HTML的结合使用。这种技术能够使用户通过鼠标拖动来调整网页元素的尺寸,提升用户体验,尤其是在多框架布局中,用户可以根据...

    JavaScript应用实例-动态改变控件大小和位置.js

    JavaScript应用实例-动态改变控件大小和位置.js

    教你一天玩转JavaScript(三)——使用JavaScript完成图片轮播的效果

    4. **CSS样式操作**:通过JavaScript修改元素的CSS样式,如`display`属性,来改变图片的可见性,实现图片的切换效果。 5. **数组和索引管理**:将所有图片的URL存储在一个数组中,通过索引来跟踪当前显示的图片。在...

Global site tag (gtag.js) - Google Analytics