갤러리 게시판 스크롤시 이미지 로딩 효과 > 그누보드5 스킨

그누보드5 스킨

스킨 다운로드시 좋아요 클릭과 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y

갤러리 게시판 스크롤시 이미지 로딩 효과 정보

갤러리 갤러리 게시판 스크롤시 이미지 로딩 효과

첨부파일

첨부파일 gallery-lazyload.zip (55.4K) 9회 다운로드 2019-03-05 11:24:02 포인트 차감20

본문

 

 

게시판에 갤러리 이미지 가 많을때 로딩 속도 빠르게 하기위하요 

스크롤시 로딩 하게 하는 갤러리 스킨을 만들어 보았습니다.

 

 

//수정추가부분

list.skin.php

파일  

99 줄 

$img_content = '<img data-original="'.$thumb['src'].'" alt="'.$thumb['alt'].'" class="lode" width="202" height="150">';

 

에서는 src를 data-original 로 교체후  width 너비값과 height높이갑설정 

 

188줄부터 196줄까지 추가 

 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="<?=$board_skin_url?>/jquery.lazyload.min.js?v=3" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
  $(function() {
      $("img.lode").lazyload({
          effect : "fadeIn",
      });
  });
</script>

 

여기까지 추가하시면됩니다 .

 

참쉽죠잉  모바일 피씨 반응형 다됩니다 .

게시판 디자인은 사용 자님이알아서 꾸미시길.

추천7

댓글 전체

전체 1,483 |RSS
그누보드5 스킨 내용 검색

회원로그인

진행중 포인트경매

  1. @멘션 알림 플러그인

    참여6 회 시작19.03.18 09:33 종료19.03.25 09:33

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT