`
cscs31
  • 浏览: 27268 次
  • 性别: 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检测图片大小

    javaScript检测图片大小,检测图片的大小,尺寸

    JavaScript改变地图DIV大小

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

    JavaScript改变图片透明度,鼠标放上渐渐显示.rar

    JavaScript改变图片透明度,鼠标放上渐渐显示.rarJavaScript改变图片透明度,鼠标放上渐渐显示.rarJavaScript改变图片透明度,鼠标放上渐渐显示.rarJavaScript改变图片透明度,鼠标放上渐渐显示.rarJavaScript改变...

    支持图片上传及实时显示,可设置显示图片的大小。由php、Ajax、javascript开发

    这个项目是用PHP、Ajax和JavaScript这三种技术实现的,允许用户上传图片并即时预览,同时还可以调整显示的图片大小。接下来,我们将深入探讨这些技术以及它们在实现此功能中的角色。 **PHP** 是一种广泛使用的...

    javascript 浏览器窗口大小改变事件

    这个场景涉及到JavaScript中的窗口大小改变事件。 在JavaScript中,有以下两个主要的事件用于监听浏览器窗口大小的变化: 1. `resize` 事件:这是最直接与窗口大小变化相关的事件。当你拖动浏览器窗口的边缘或者...

    纯javascript实现上传图片前图片预览,判断图片大小

    这里,`MAX_IMAGE_SIZE`是你的最大允许图片大小(例如,1MB = 1024 * 1024 字节)。 **兼容性处理** 为了确保在IE7至IE10上的兼容性,我们需要使用ActiveX对象。这些旧版本的IE不支持File API,但可以通过`new ...

    css与JavaScript与图片美化

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

    javascript 改变字体大小方法集合 原创

    在JavaScript中,改变字体大小的方法多种多样,但主要依赖于CSS样式来实现。本文将介绍三种常见的JavaScript方法来调整网页中的字体大小,适用于不同的场景需求。 ### 第一种方法:通过CSS类切换 这种方法通常用于...

    javascript图片展示

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

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

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

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

    【标题】"javascript经典特效---图片大小变换"指的是在网页中使用JavaScript实现动态改变图片尺寸的效果。这种特效常用于响应式设计,使图片能够根据浏览器窗口的大小或设备的屏幕尺寸自适应调整,提高用户体验。 ...

    javascript 做的图片展示

    这样无论用户使用桌面电脑还是移动设备,都能看到合适的图片大小。 7. 图片懒加载:在大型图片库中,JavaScript可以实现图片的懒加载策略,即只加载可视区域内的图片,当用户滚动页面时,再加载后续的图片。这有助...

    上传图片客户端判断大小,javascript获得上传图片的大小

    不用IE控件(ActiveXObject)不用 Img属性 上传图片客户端判断大小,javascript获得上传图片的大小 兼容所有浏览器,亲测可用 判断文件大小,判断上传图片的大小,图片格式

    javascript 图片浏览

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

    JavaScript 动态改变图片大小

    最近由于项目需要,在实现图片的时候,若图片大于100 X 100,则将其缩小为 100 X 100,若比这个小,则保持原图大小。经过研究发现,可以用Javascript代码简单实现。 Javascript代码: 代码如下:[removed] function ...

    JavaScript图片切换效果.rar

    JavaScript图片切换效果是一种常见的网页动态展示技术,常用于制作轮播图、相册或产品展示等。这种效果可以通过JavaScript库,如jQuery,或者原生JavaScript实现。本资源"JavaScript图片切换效果.rar"提供了一个实例...

    JavaScript图片展示遮罩特效

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

    有点炫的JavaScript立体图片展示.rar

    有点炫的JavaScript立体图片展示.rar有点炫的JavaScript立体图片展示.rar有点炫的JavaScript立体图片展示.rar有点炫的JavaScript立体图片展示.rar有点炫的JavaScript立体图片展示.rar有点炫的JavaScript立体图片展示...

    JavaScript图片切换展示效果.rar

    这个“JavaScript图片切换展示效果.rar”压缩包文件包含了一个使用纯JavaScript实现的图片自动切换功能,旨在帮助开发者了解如何在不依赖外部库如jQuery或Bootstrap的情况下创建这种效果。 首先,我们需要理解...

    十款javascript图片特效代码,超经典

    本文将深入探讨标题和描述中提到的十款经典JavaScript图片特效代码,以及它们在实际应用中的价值。 1. **JS特效一**:通常,这样的特效可能是一个简单的图片轮播,通过定时切换图片或响应用户点击来展示多张图片。...

Global site tag (gtag.js) - Google Analytics