使用jquery更改图像尺寸

我在div id myimage下有一个图像。 现在我想通过改变来调整它的大小。 我想从选择框700X7000选择框，然后图像的尺寸将是高700px和宽700px。 没有重新加载页面。 任何人都可以帮我，我该怎么做？

Answer 1

好吧，要改变它，你可以设置图像的width()和height() ：

 $('#myimage').width(700); // Units are assumed to be pixels $('#myimage').height(700); 

因此，对于您执行下拉框，您可以将值设置为200x200等，并split所选值以提取尺寸：

 var parts = '100x100'.split('x'); var width = parseInt(parts[0], 10); // 10 forces parseInt to use base 10 var height = parseInt(parts[1], 10); 

Answer 2

条件是您可以说选择的项目。

 if( condition ) { $('div#myimage img').css({'width' : '700px' , 'height' : '700px'}); } else { $('div#myimage img').css({'width' : '150px' , 'height' : '150px'}); }; 

以下是检查框是否被选中的方法：

 // First way $('#checkBox').attr('checked'); // Second way $('#checkBox').is(':checked'); 

工作示例：

 if( $('#checkBox').attr('checked') ) { $('div#myimage img').css({'width' : '700px' , 'height' : '700px'}); } else { $('div#myimage img').css({'width' : '150px' , 'height' : '150px'}); }; 

Answer 3

小提琴： https ： //jsfiddle.net/cmxevnp0/3/

Answer 4

要么

函数发送对象