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

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


jQuery | jquery.lazyload 이미지 후 로딩

페이지 정보

작성자 굿스웹 작성일19-11-19 09:40 조회763회 댓글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=D41bB6ZT
SNS 알리기
핀터레스트
텔레그램로
블로그로
카카오스토리
카톡 공유

관련 블로그
로딩중


5명  IP : 3.21.♡.24
001 3.♡.104.24 체크박스 선택/해제 - 개발팁
(/bbs/board.php?bo_table=tip&wr_id=119&sca=jQuery&page=1)
002 216.♡.66.232 노트북#1 - 갤러리
(/bbs/board.php?bo_table=photo&wr_id=5)
003 158.♡.235.234 오류안내 페이지
(/bbs/write.php?bo_table=free)
004 121.♡.156.194 centOS7 + rpm + selinux nginx-1.18 + 설치 - 개발팁
(/bbs/board.php?bo_table=tip&wr_id=307)
005 34.♡.82.78 exe 만들기 - 개발팁
(/bbs/board.php?bo_table=tip&wr_id=183)

접속자
  • 오늘 : 214
  • 어제 : 240
  • 최대 : 874
  • 전체 : 408,681

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

ETH : 0x8abf3B748ab78828AE07685e4fd53d1a606f18D3



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