갤러리 게시판 스크롤시 이미지 로딩 효과 정보
갤러리 갤러리 게시판 스크롤시 이미지 로딩 효과첨부파일
본문
게시판에 갤러리 이미지 가 많을때 로딩 속도 빠르게 하기위하요
스크롤시 로딩 하게 하는 갤러리 스킨을 만들어 보았습니다.
//수정추가부분
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
7
댓글 전체
한번 다운받아 보겠습니다 감사합니다
감사합니다 .
멋지네요
감사합니다
그러면 페이지별 로딩이 아니라 계속 하단 스크롤이 되는건가요?
감사합니다.
좋은 자료 감사합니다^^
감사합니다~~
감사합니다.
감사합니다.
반응형으로작동이안되네요 ??;;