jQuery load() : 페이지 아래쪽의 그림이 먼저 나타나지 않게하는 방법은 무엇입니까?

Question

링크를 클릭하면 (일부는 jQuery로드 기능 포함) 사진이로드되지만 처음로드 된 것처럼 잠깐 동안 마지막 사진이 먼저 표시되고 첫 번째 사진이 나타나고 머물러있는 것처럼 보입니다.

로드 된 페이지의 마지막 사진이 잠시 표시되는 것을 방지하려면 어떻게해야합니까?

Answer 1

이미지의 기본 시작 부분으로는 display:none;을 사용할 수 있습니다. 그리고 문서 준비가 끝나면 jquery를 사용하여 표시되도록합니다.

<img src="..." class="noshow" /> 

그리고이 스타일 :

.noshow{ display: none; } 

다음

부하 함수의 콜백을 사용하여 당신이 먼저 표시 클래스 "noshow"를 추가하고 싶지 않은 사진을

Answer 2

:

$('#result').load('ajax/test.html', function() { 
    $(".noshow").removeClass("noshow"); 
}); 

당신은 또한 ".show()"방법을 사용하여 원하는 경우 등 img 태그에 직접 스타일을 넣을 수 있습니다 더 응축되어있다.