1

JavaScript。我想创建一个简单的脚本，它将使用 css 宽度和高度调整加载图像的大小。这是代码示例：

       <img style="width:200px; height:200px" 
src="http://doc.jsfiddle.net/_downloads/jsfiddle-desktop-1440x900-a.png" onLoad="    
    //need resize code here
    "/>​

我正在尝试以原始大小比例调整图像大小。但我无法访问原始大小。当我想通过它选择原始尺寸时，this.height它会给我 css 尺寸。在哪里可以找到原始价值？以及如何改变大小？this.style.height = '200px'？？？

4

2 回答 2

1

看看这个小提琴。唯一的问题是naturalWidth/HeightOpera 和 IE < 版本 9（根据dottoro）不支持这些属性。

于 2012-04-10T15:36:39.530 回答
1

在 CSS 中使用max-widthand怎么样？max-height

<img style="max-width:200px; max-height:200px" src="http://doc.jsfiddle.net/_downloads/jsfiddle-desktop-1440x900-a.png"/>​

jsFiddle 示例

于 2012-04-10T15:40:57.010 回答