jqueryで画像のサイズを変更する

div id myimageの下に画像があります。今私は変更を使用してサイズを変更したい。選択したボックスから700X7000を選択すると、画像のサイズは高さが700px、幅が700pxになります。ページを再読み込みする。どうすればいいですか？jqueryで画像のサイズを変更する

出典

2011-07-01 DAKSH

誰かがこの上で私を監査することができます - しかし、あなたは、IMGのためのdivを作成し、100％にIMG 'MAX-width'を設定することができませんでしたし、それに応じて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で画像のサイズを変更する

答えて

関連する問題