서버에서 리소스를 절약하기 위해

Question

페이지를 스크롤하는 동안 요소가 감지되면 전달하는 방법 서버에서 리소스를 저장하려면 이미지 뷰를 모든 게시물에서 동일하게 만들었고 div가 나타날 때 해당 이미지를 변경하고 싶습니다. 사용자가 페이지를 스크롤하면서 대역폭을 절약 할 수 있습니다. 코드 :

<div class="image_showen" s=""> 
    <a href="{link}" target=""> 
    <img src="images/defaultimage.jpg" alt="{thread_title}" /> 
    </a> 
</div> 

내 질문 사업부 뷰 포트에 다시 그 이미지를 얻기 위해 서버로 요청을 보낼 수있는 기능에 전달 감지하는 방법이다.

Answer 1

발견 된 Appear Plugin. 당신을 위해 일할 수도 있습니다. 특정 div가 보일 때 이미지를 표시합니다. 서버에 갈 필요가 없습니다. 숨겨진 필드로 imagePath를 저장하고 div가 나타나면 표시하십시오.

쉽게과 같이 쓸 수있는 API를 포함한 후 :

$('someselector').on('appear', function(event, $all_appeared_elements) { 
    // this element is now inside browser viewport... so show the image you need... 
});