일반적으로 이미지 객체를 사용하여 JS 이미지의 크기를 판단한 다음 attr을 사용하여 이미지 주소를 얻은 다음 판단 할 수 있습니다 . 아래 몇 가지 예를 봅시다.
가장 쉬운 방법 :
코드 사본은 다음과 같습니다.
var img = new Image ();
img.src = $ ( '#tlogo'). attr ( 'src');
if (img.width> '240') {
$ ( '#tlogo'). attr ( 'width', '240');
}
위의 예에서 페이지가로드되지 않은 경우 JS는 이미지 크기를 얻을 수 없습니다. 이 경우 먼저 로딩이 완료되었는지 확인한 다음 이미지 크기를 판단 할 수 있습니다.
코드 사본은 다음과 같습니다.
<img id = "img2"src = "images /1.jpg" />
<script language = "javaScript">
document.getElementById ( "img2"). onload = function () {
경고 ( "이미지로드 완료");
}
</스크립트>
또는 jQuery 사용 :
코드 사본은 다음과 같습니다.
$ ( "#imageId"). load (function () {
경고 ( "로드 완료!");
});
지금까지 코드를 최적화 할 수 있습니다
코드 사본은 다음과 같습니다.
$ ( "#tlogo"). load (function () {
var img = new Image ();
img.src = $ ( '#tlogo'). attr ( 'src');
if (img.width> '240') {
$ ( '#tlogo'). attr ( 'width', '240');
}
});
참고 : #tlogo는 이미지 주소에 추가 된 ID입니다. 이것은 필수입니다.