자바 스크립트로 큰 이미지의 크기를 자동으로 조정 하시겠습니까?

Question

사람들이 bb 코드로 서로 다른 이미지를 게시 할 수있는 응용 프로그램이 있습니다. 문제는 일부 이미지를 볼 때 사이트의 다른 부분을 덮는 매우 큰 이미지를 게시하는 것입니다.

이미지는 클라이언트 측에서 크기를 x만큼 확대 할 수 없으므로 어떻게 축소 할 수 있습니까?

EDIT. 이것은 사람들이 [img] 태그로 게시하는 마이 스페이스 프로필 스타일 이미지입니다. 사이트 자체에 업로드되거나 저장되지 않습니다.

Answer 1

대신 서버 측에서 크기를 줄이십시오. 어쨌든 당신이 거기에 보관하는 것 같아요. 거기에 저장하면 서버에서 클라이언트로 전달되는 데이터의 양이 줄어 듭니다. 큰 이미지를 저장하면 각 요청마다 많은 불필요한 데이터가 클라이언트에 전송되므로 속도가 느려집니다.

클라이언트 측에서 실제로하고 싶다면 CSS가 크기를 조정합니다.

편집 : CSS로 해야하는 IMG 설정 : 아래 시도, IE에서 작동하는 대부분의 브라우저에서 작동합니다, 또 다른 포럼에 사용했다

width: 590 px; 

및 sorrounding와 사업부를 그것 :

max-width: 590 px; 

Answer 2

웹 사이트 업로드시 이미지 크기를 조정하는 것이 훨씬 더 좋습니다. 이렇게하면 사이트에 가장 적합한 최대 크기를 적용 할 수 있습니다.

이미지를 렌더링 한 다음 크기를 조정하면 이미지가 전체 크기로 표시되고 작은 크기로 축소되므로 깜박 거리는 효과가 있습니다.

또 다른 옵션은 설정된 크기와 오버 플로우 : 숨김으로 div 안에 표시 할 이미지를 넣는 것입니다.

Answer 3

CSS :

#post img { 
    max-height: 1000px; 
    max-width: 500px; 
}