JavaScript는 이미지 크기를 동적으로 조정합니다.

$ ( 문서 ) . 준비됨 ( 함수 ( ) {
 $ ( '.post img' ) . 각 ( 함수 ( ) {
 var maxWidth = 100 ; // 최대 이미지 너비
 var maxHeight = 100 ; // 이미지의 최대 높이
 var ratio = 0 ; // 스케일링 비율
 var width = $ ( this ) .width ( ) // 그림의 실제 너비
 var height = $ ( this ) .height ( ) // 사진의 실제 높이

 // 이미지가 매우 넓은지 확인
 if ( 너비 > 최대 너비 ) {
 ratio = maxWidth / width ; // 스케일링 비율 계산
 $ ( this ) . css ( "width" , maxWidth ) ; // 실제 디스플레이 너비 설정
 height = height * ratio ; // 균등 스케일링 후 높이를 계산합니다.
 $ ( this ) . css ( "height" , height * ratio ) ; // 비례 스케일링 후 높이 설정
 }

 // 이미지가 너무 큰지 확인
 if ( 높이 > 최대 높이 ) {
 ratio = maxHeight / height ; // 크기 조정 비율 계산
 $ ( this ) . css ( "height" , maxHeight ) ; // 실제 디스플레이 높이 설정
 width = width * ratio ; // 균등 스케일링 후 높이를 계산합니다.
 $ ( this ) . css ( "width" , width * ratio ) ; // 비례 스케일링 후 높이 설정
 }
 } ) ;
 } ) ;

 ResizeImage 함수 ( 이미지 , 그림의 최대 너비 , 그림의 최대 높이 )
 {
 if ( image.className == "썸네일" )
 {
 w = 이미지.폭 ;
 h = 이미지.높이 ;

 if ( w == 0 || h == 0 )
 {
 image.width = 최대폭 ;
 image.height = 최대 높이 ;
 }
 그렇지 않으면 ( w > h )
 {
 if ( w > 최대폭 ) image.width = 최대폭 ;
 }
 또 다른
 {
 if ( h > 최대 높이 ) 이미지 높이 = 최대 높이 ;
 }

 image.className = "ScaledThumbnail" ;
 }
 }