Question

的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' ????

Answer 1

看看this fiddle。唯一的问题是Opera和IE不支持naturalWidth/Height属性＆lt;版本9（根据dottoro）。

Answer 2

如何在CSS中使用max-width和max-height呢？

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

jsFiddle example

JS：图片onLoad调整大小......怎么样？

2 个答案: