이미지 넓이랑 높이 구하는 법.
1 2 3 4 5 6 7 8 9 10 11 12 13 | $(document).ready( function (e) { $( "img" ).each( function () { $( this ).load( function (){ //이미지를 다 불러온후 확인하기 위해 var imgWidth = this .naturalWidth; //이미지 크키가 정해져 있지 않을때 var imgWidth2 = $( this ).width(); //이미지 크키가 정해져 있을때 }); }); }); |
우선 코드는 위와 같음.
포인트만 2개 잡아 보자면
첫번째 포인트 $(this).load(function(){
이부분이 될수 있겠다. 그냥 $(this).width() 하면 값이 0 이 나올수도 있다.
그래서 이미지를 다 불러온후 크기를 확인하기 위해 위와같이 load 를 쓴다.
그리고 두번째 포인트 this.naturalWidth 와 $(this).width() 의 차이다.
img에 예를 들어서 style 일이나 아니면 width 값이 써져있으면 그냥 $(this).width() 로 해도
크기가 잘 나오는데 만약 크기가 정해져 있지 않으면 크키값이 이또한 0으로 나온다.
그럴땐 this.naturalWidth 로 해야 정확한 값이 나온다.
높이는 당연히 height() 와 naturalHeight로 구한다.
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Comment Write
Comment List