HOME
홈페이지제작
쇼핑몰제작
어플리케이션
기능별홈페이지
포트폴리오
ERP 솔루션
유지보수
온라인마케팅
커뮤니티

이미지 지연로딩 > 자료실

본문 바로가기

홈페이지

어플리케이션

프로그램

오늘 방문자

제작상담

■ 어떠한 것이든 설명이 가능하시면 제작이 가능합니다.
■ 각종 다양한 어플리케이션 제작경험이 많습니다.
■ 다양한 유형별 홈페이지,쇼핑몰 제작경험이 많습니다.
■ 업종별 주문형 프로그램 제작 가능합니다.
VR,AR 이용한 결과물 및 모듈제작 가능합니다.
■ 상시채용 : php,java,ios,android,ar,vr,c#,Node

 

자료실

웹 | 이미지 지연로딩

페이지 정보

작성자 이창민 작성일20-12-02 16:16 조회334회 댓글0건

본문

    <!-- cdnjs -->

    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.min.js"></script>

    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.plugins.min.js"></script>

 

<script type="text/javascript">

<!--

$(function() {

$('.lazy').Lazy({

scrollDirection: 'vertical',

effect: 'fadeIn',

visibleOnly: true,

onError: function(element) {

console.log('error loading ' + element.data('src'));

}

});

});

//-->

</script> 

 

<img alt="" width="200" height="150" style="border: 1px solid rgb(221, 221, 221); display: inline;" class="lazy" data-src="http://www.dmonster.co.kr/data/file/portfolio/thumb-1889792758_koAF1dCN_fitfree_small_322x241.jpg" title=""> 

 

img 태그에 class="lazy"​ 선언하시고 기존 src 는 삭제

 

data-src="​" 에 기존 이미지url 을 넣으면 됩니다.

 

위에 스크립트는 스크롤시에 이미지로딩이 될 수 있도록 했습니다.

 

디몬스터에 적용되었습니다.

 

 


| 디몬스터 | TEL : 070-7621-0572 / 070-5022-0572 | HP : 010-7574-0572 | E-mail : jackee@naver.com
| 서울시 강남구 봉은사로24길46 | 부천시 길주로 272 2001호 | 부산시 금정구 금정로 225 5층 | 몽골사무실- Ulaannaatar.mongola bayangol district 3-khoroo agro center 9-02
당사의 어플방식은 저작권 및 특허출원중입니다. 복제,모방,변용 및 유사 상행위 적발시,경고,통보없이 민형사상 책임을 진행합니다
Copyright © www.dmonster.co.kr All rights reserved.Since 2008 (주)세미콜론즈 · 사업자번호: 801-88-00338