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 thanks! 나는 그것을 고쳤으나 여전히 작동하지 않는다. – 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>

두 가지 코드에서 틀린 솔루션과 함께 할 것입니다.

폭 & 높이의 100pxdocument.ready
할당 끝에 ) 없음.

희망이 도움이 될 것입니다.

출처

2017-10-16 16:53:41 Shiladitya

JavaScript/jQuery를 사용하여 이미지 크기 조정

답변

관련 문제