2013-11-15 2 views
0

내가 쓰고있는 모바일 앱에 Lazy Load Jquery 플러그인을 사용하고 있습니다. 플러그인은 페이지가로드 된 후보기에있는 이미지를 감지하지 못하는 것을 제외하고는 충분히 잘 작동합니다. 다음은 이전에 iPhone에서 작동하지 않지만 Mac에서 Chrome에서 설계 할 때 사용했던 코드입니다. 단점이 있지만 작동했습니다. 이 작품을 어떻게 만들 수 있습니까? 어떤 도움을 주셔서 감사합니다!Javascript (Mobile) - Jquery로 지연로드 이미지

$("img.lazy").lazyload({ 
    placeholder: 'img/img_placeholder.jpg', 
    threshold: 800, 
    effect: "fadeIn" 
}); 

$('html, body').animate({ 
    scrollTop: 2 
}, '50'); 
+0

이 플러그인을 사용하여 비슷한 문제가 발생했습니다. img에 CSS를 사용하여 기본 크기를 지정하고 있습니까? 내 환경의 문제가 해결되었지만 (데스크톱 브라우저 용으로는 그렇지만) 시도해 볼 가치가 있습니다. – Culyx

+0

Nah, 불행히도 이미지의 크기가 동적입니다. 단지 행의 div에 최대 너비가 설정되어 있습니다. – Dustin

+0

그래도 최대 높이/너비가 작동하지 않습니다. 고정 크기를 설정 한 다음 jquery CSS로 변경할 수 있습니까? 그것을 가진 나의 경험은 고정 크기가 브라우저가 더 나은 단어가 부족하여 "무언가가 간다"는 것을 깨닫게했다. – Culyx

답변

0

어쩌면 문제가 해결 될 수 있습니까? jqueryless lazy image load

+0

불행히도 그럴 수는 없다. :(같은 문제가 있습니다. – Dustin

+0

아이디어만으로도 지연로드 대신 동적로드를 사용할 수 없습니까? – huncyrus