swiper pc 최신글 적용하기 정보
최신글 swiper pc 최신글 적용하기
관련링크
첨부파일
본문
pc최신글에 swiper 적용하기 꼼수입니다.
적용방법 :
1. 다운로드후 압축을 풀면 swiper.php 파일이 나옵니다.
2. 라인 22~24 사이에 아래 코드가 보이는데
<div class="swiper-slide"><?php echo latest('theme/basic', 'free', 4, 23);?></div>
<div class="swiper-slide"><?php echo latest('theme/basic', 'qa', 4, 23);?></div>
<div class="swiper-slide"><?php echo latest('theme/basic', 'notice', 4, 23);?></div>
일반적인 최신글 적용 코드입니다. 이 부분에 본인이 노출하기를 원하는 게시판을 적용한 후 저장합니다.
3. 이제 swiper.php를 노출되기를 원하는 적당한 곳에
include_once(G5_THEME_PATH.'/swiper.php');
의 형식으로 추가합니다., 여기에서는 swiper.php를 테마폴더에 복사했다는 가정입니다.
4. (끝)
기본 설정은 3개 게시판 자동 좌우 스크롤(물론 마우스 터치 이동도 작동) 되어 있는데 이 부분은
swiper.php 파일을 열면 바꿀 수 있습니다.
노출되기를 원하는 게시판 수를 수정할 수도 있고,
자동 스크롤 되는 부분을 제거하기를 원하면 하단의
<script>
var swiper = new Swiper(".mySwiper", {
autoplay: {
delay: 2500,
disableOnInteraction: false,
}
});
</script>
코드에서 진하게 된 부분을 삭제하면 됩니다.
2
댓글 전체

감사합니다.^

^^

감사합니다 ^^

^^
감사합니다.

^^
