> 웹 프론트엔드 > JS 튜토리얼 > jquery js_jquery를 기반으로 한 이미지 지연 로딩

jquery js_jquery를 기반으로 한 이미지 지연 로딩

WBOY
풀어 주다: 2016-05-16 18:24:14
원래의
1092명이 탐색했습니다.

구현 코드는 다음과 같습니다(jquery 기반).

코드 복사 코드는 다음과 같습니다.

함수 게으른 로드(옵션){
var settings={
defObj:null,
defHeight:0
}
settings=$.extend(settings,option||{} );
var defHeight=settings.defHeight,defObj=(typeof settings.defObj=="object")?settings.defObj.find("img"):$(settings.defObj).find("img") ;
var pageTop =function(){
return document.documentElement.clientHeight Math.max(document.documentElement.scrollTop,document.body.scrollTop)-settings.defHeight
}; imgLoad=function(){
defObj.each(function(){
if ($(this).offset().top<=pageTop()){
var src2=$(this). attr("src2") ;
if (src2){
$(this).attr("src",src2).removeAttr("src2")
}
}
});
imgLoad();

// 스크롤 이벤트 바인딩
$(window).bind("scroll",function(){
imgLoad() ;
} )
}

lazyload({
defObj:"#plist"
})

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿