Swiper flip 기능을 이용한 최신글입니다.
터치슬라이드로 이미지 전환이 가능하고, pagination, nav button 기능이 있습니다.
사용법
• Swiper: http://idangero.us/swiper/
터치슬라이드로 이미지 전환이 가능하고, pagination, nav button 기능이 있습니다.
사용법
<?php
// 옵션으로 이미지 width, height를 지정할 수 있습니다.
echo latest("swiper_flip", "gallery", 10, 0, "600|400");
?>• Swiper: http://idangero.us/swiper/
댓글 6개
위 스킨을 자동으로 넘어가게 추가하려면 아래 소스를 참조하시면 됩니다
또한 자연스럽게 오른쪽에서 왼쪽으로 넘어가는 효과는
이펙트를 주석처리하시면 됩니다.
<script>
var swiper_flip = new Swiper('.swiper-flip', {
pagination: '.swiper-pagination',
paginationClickable: true,
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
grabCursor: true,
loop: true,
spaceBetween: 30,
centeredSlides: true,
autoplay: 2500,
autoplayDisableOnInteraction: false
//effect: 'flip'
});
</script>
또한 자연스럽게 오른쪽에서 왼쪽으로 넘어가는 효과는
이펙트를 주석처리하시면 됩니다.
<script>
var swiper_flip = new Swiper('.swiper-flip', {
pagination: '.swiper-pagination',
paginationClickable: true,
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
grabCursor: true,
loop: true,
spaceBetween: 30,
centeredSlides: true,
autoplay: 2500,
autoplayDisableOnInteraction: false
//effect: 'flip'
});
</script>
게시글 목록
| 번호 | 제목 |
|---|---|
| 153856 |
게시판
온라인 신청폼 게시판
8
|
| 153855 |
최신글
직원소개 최신글
1
|
| 153833 |
게시판
무통장 쇼핑몰 스킨^^
2
|
| 153798 | |
| 153797 | |
| 153792 | |
| 153789 | |
| 153788 | |
| 153765 |
접속자
방문자 집계 v.1.0.0
2
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기