페이지가로드되기 전에 jQuery를 사용하여 이미지를 대상으로 지정

Question

나는 작업중인 웹 사이트에 이미지 갤러리가 있고 사용자가 거대한 이미지를 업로드하고 있습니다. div가 포함 된 이미지 갤러리가 레이아웃과 일치하도록 특정 400px 너비로 설정됩니다. 내가 겪고있는 문제는 페이지로드에 있습니다. 두 번째로 갤러리의 첫 번째 이미지가 일반 크기 (거대한 크기)로 페이지에로드 된 다음 CSS가 400 픽셀로 이미지 크기를 조정합니다. 사이트 코드가 렌더링되기 전에 이미지 크기를 타겟팅하고 변경하는 방법이 있는지 궁금합니다. 뭔가 같이 :

jQuery(window).load(function($) { 
    //step 1: find the image using the unique css class it is inside 
    //step 2: resize image to 400px 
    //step 3: let rest of site html/css/jquery load 
}); 

난에서 HTML/CSS/JQuery와 차기 전에 이미지를 대상으로 시도 $(window).load 대신 $(document).ready을 사용하고이 주제에 대한 어떤 통찰력/도움을 주시면 감사하겠습니다..

Answer 1

width 및 height 속성을 이미지 요소에 추가 해보십시오. 특정 클래스에 스타일을 적용 할 때 CSS는 이러한 속성을 무시합니다. 또한 JS를 어지럽히 지 않아도됩니다.

<img src="image.jpg" width="400" height="auto">