HOME 개발팁 jquery.lazyload 이미지 후 로딩

프로그램 작업하다 좋은 팁, 정보, 테스트를 기록하는 곳입니다.


jQuery | jquery.lazyload 이미지 후 로딩

페이지 정보

작성자 굿스웹 작성일19-11-19 09:40 조회750회 댓글0건

첨부파일

본문

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>

<script type="text/javascript" src="jquery.lazyload.js"></script>

<script type="text/javascript">

$(function(){

$('img.gocoder').lazyload({

placeholder : 'loading.gif',    // 로딩 이미지

threshold: 0,                 // 접근 ~px 이전에 로딩을 시도한다.

                         effectTime : 400,

                         effectspeed: 200,

load : function(){              // 로딩시에 이벤트

                    $(this).attr('alt',$(this).attr("data-original"));

    }

});

});

</script>


<img data-original="img (1).jpg"  class="gocoder" width="300">



[주소복사] https://www.goodsweb.kr/?u=D41yWuJR
SNS 알리기
핀터레스트
텔레그램로
블로그로
카카오스토리
카톡 공유

관련 블로그
로딩중


2명  IP : 3.12.♡.146
001 18.♡.22.169 DOMDocument - DOMXPath 사용방법 - 개발팁
(/bbs/board.php?bo_table=tip&wr_id=112)
002 34.♡.82.65 proxy load https play - 프로그램 개발실
(/bbs/board.php?bo_table=service&wr_id=37)

접속자
  • 오늘 : 85
  • 어제 : 328
  • 최대 : 874
  • 전체 : 405,043

검색로봇(Robots) 최근 방문시간
  • GOOGLE : 1시간 전
  • NAVER : 22시간 전
  • DAUM : 1일 전
  • BING : 3일 전

ETH : 0x8abf3B748ab78828AE07685e4fd53d1a606f18D3



페이스북 네이버 블로그 굿스웹 쇼핑몰 네이버 카페 굿스웹 트위터 굿스웹 티스토리 Google Play