我正在使用jQuery调整图像大小。这次我只是调整它的大小,但我也想根据比例调整它的大小。选中复选框后,将根据比例调整大小。
这是我为keyup事件中的简单图像调整大小编写的代码。
<img id="image" src="#" alt="your_image" />
<label>Resize</label>
<input type="text" size="4" name="resize_width" id="resize_width" />
<input type="text" size="4" name="resize_height" id="resize_height" />
<label>Use Proportion</label>
<input type="checkbox" id="resize_prop" />
jQuery('#resize_width,#resize_height').keyup(function(){
var resize_width_val = jQuery('#resize_width').val();
var resize_height_val = jQuery('#resize_height').val();
src_test = jQuery('#image').attr('src');
if(jQuery('#resize_prop').attr("checked")=="checked"){
}
jQuery('<img id="image" alt="your_image" src="'+ src_test +'">').load(function() {
jQuery('#image').remove(); jQuery(this).width(resize_width_val).height(resize_height_val).appendTo('#image_div').css('display','block');
})
});
正如我在选择比例时看到的那样,如果我改变宽度,那么高度会自动改变。这是如何发生的以及它在什么基础上发生变化。
请给我任何解决方案。