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

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

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

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

첨부파일

gallery-lazyload.zip (55.4K) 111회 다운로드 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

댓글 전체

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

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT