갤러리
베이직 갤러리 게시판에...태그기능을 넣었습니다. 원본은 https://sir.kr/g5_skin/27608?sca=%EA%B2%8C%EC%8B%9C%ED%8C%90 에 있는...
갤러리 게시판 스크롤시 이미지 로딩 효과
게시판에 갤러리 이미지 가 많을때 로딩 속도 빠르게 하기위하요
스크롤시 로딩 하게 하는 갤러리 스킨을 만들어 보았습니다.
//수정추가부분
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>
여기까지 추가하시면됩니다 .
참쉽죠잉 모바일 피씨 반응형 다됩니다 .
게시판 디자인은 사용 자님이알아서 꾸미시길.
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
그누보드5 스킨
2,752건좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
외부로그인
로그인 버튼만 있는 basic 모바일 스킨 입니다. 모바일 outlogin 스킨 경로에 업로드 해주시고 로그인 버튼을 누르면 /bbs/login.php 로 이동합니다.
게시판
전에 올려드렸던 그누보드용(https://sir.kr/g5_skin/27020)을 아미나용으로 변경했습니다. 아미나용 기본보드를 활용했으며 1vs1형식의 계산서 ...
외부로그인
요즘 보안 문제로 메인 페이지에 로그인 폼을 없애는 추세에 맞춰 만들어 보았습니다. 버튼을 누르면 /bbs/login.php 로 이동합니다.
게시판
[아미나] 포인트랭킹 게시판입니다. 설치방법은 skin 폴더에 업로드하시면됩니다.
갤러리
게시판에 갤러리 이미지 가 많을때 로딩 속도 빠르게 하기위하요 스크롤시 로딩 하게 하는 갤러리 스킨을 만들어 보았습니다. //수정추가부분 list.skin.php ...
최신글
간단한 PC용 CSS3 이미지 효과 최신글 스킨입니다. 적용밥법 skin/latest 에 전체 복사후 <?php echo latest('color_css3_effect_...
최신글
간단한 PC용 CSS3 이미지 효과 최신글 스킨입니다. 적용밥법 skin/latest 에 전체 복사후 <?php echo latest('color_css3_effect_...
최신글
간단한 PC용 CSS3 이미지 효과 최신글 스킨입니다. 적용밥법 skin/latest 에 전체 복사후 <?php echo latest('color_css3_effect_pi...
최신글
간단한 PC용 CSS3 이미지 효과 최신글 스킨입니다. 적용밥법 skin/latest 에 전체 복사후 <?php echo latest('color_css3_effect_pi...
최신글
간단한 PC용 CSS 이미지 효과 최신글 스킨입니다. 적용밥법 skin/latest 에 전체 복사후 <?php echo latest('color_css3_effect_pic...
댓글 12개
아래 유저님 스크롤과 해당 이미지 로딩 스킨 기능 조율 하여 사용하세요.
https://sir.kr/g5_skin/27677?page=3