用jquery更改圖片尺寸

我在div id myimage下有圖片。現在我想通過使用更改來調整它的大小。我想從選擇框中選擇700X7000，然後圖像的大小將是高度700px和寬度700px。無需重新加載頁面。任何人都可以幫我嗎我該怎麼做？用jquery更改圖片尺寸

2011-07-01 DAKSH

有人可能要審覈我的這一點 - 但不能據此您創建的IMG一個div，和IMG'MAX-width'設置爲100％，調整DIV ？ – Nic

@melee：我認爲你可以直接爲圖像做到這一點。 – Blender

好了，去改變它，你可以設置圖像的width()和height()：

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

所以爲你做的下拉框，你可以設置的值是像100x100，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);

來源

2011-07-01 16:54:13 Blender

條件是您可以說選擇的項目。

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'}); 
};

來源

2011-07-01 17:08:05 user764728

或者

函數發送對象

<img onLoad="ozhpixel(this)" 

function ozhpixel(imaj){ 
$(imaj).width(100); // Units are assumed to be pixels 
$(imaj).height(50);}

來源

2014-10-28 09:37:11 alpc

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 

    <script> 
     $(document).ready(function() { 
      $("#photograph").click(function() { 
       $("img").animate({ 

        height: '+=5px', 
        width: '+=5px' 
       }); 
      }); 
     }); 


     } 
</script> 
</head> 
<body> 
    <div> 
     <img src="photo/grass.jpg" id="photograph" style="width:304px;height:228px;"/> 
    </div> 

</body> 
</html>

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

來源

2015-09-04 08:56:25

用文字或小提琴解釋你的答案。讓它更人性化。 –

用jquery更改圖片尺寸

回答

相關問題