JavaScript/jQueryを使用して画像のサイズを変更してください

私はこの質問が何度も答えられていることを知っています。しかし、文字通りインターネットから取得しても、私のコードは動作していないようです。私はおそらく何か間違っているが、正確に何が分からないのか。JavaScript/jQueryを使用して画像のサイズを変更してください

私は、HTMLタグの内部<head>次JSコードを置く：

$(document).ready(function() { 
 
    var imwidth = $('#jspp').width(); 
 
    var imheight = $('#jspp').height(); 
 
    if (imwidth < imheight) { 
 
    $('#jspp').width(100); 
 
    } else { 
 
    $('#jspp').height(100); 
 
    } \t 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<body> 
 
    <div> 
 
    <img id="jspp" src="https://placehold.it/300x300"> 
 
    </div> 
 
</body>

誰かが間違っている可能性が何のアイデアを持っていますか？

ありがとうございます！

出典

2017-10-16 Matthias

jQueryの最後に '）'がありません。 console.logでエラーを確認してください。 – MCMXCII

インターネットからまっすぐにコピーしたものがすべて正当で有効であるとは思わないでください:) – FluffyKitten

@MCMXCIIありがとう！私はそれを修正しましたが、それでも動作しません – Matthias

ここでは、https://jsfiddle.net/027q85w8/

$(document).ready(function() { 
 
    var imwidth = $('#jspp').width(); 
 
    var imheight = $('#jspp').height(); 
 

 
    if (imwidth < imheight) { 
 
    $('#jspp').css('width', '100px'); 
 
    } else { 
 
    $('#jspp').css('height', '100px'); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <img id="jspp" src="http://via.placeholder.com/350x150"> 
 
</div>

2つのことは、あなたのコード内で間違っていたソリューションで行きます。

幅&高さ100pxのdocument.ready
割り当ての終わりに)がありません。

希望すると、これが役立ちます。

出典

2017-10-16 16:53:41 Shiladitya

JavaScript/jQueryを使用して画像のサイズを変更してください

答えて

関連する問題