Swiper Flip 터치슬라이더 정보
최신글 Swiper Flip 터치슬라이더첨부파일
본문
Swiper flip 기능을 이용한 최신글입니다. 터치슬라이드로 이미지 전환이 가능하고, pagination, nav button 기능이 있습니다. 사용법
<?php // 옵션으로 이미지 width, height를 지정할 수 있습니다. echo latest("swiper_flip", "gallery", 10, 0, 1, "900|530"); ?>
• Swiper: http://idangero.us/swiper/
추천
2
2
댓글 전체
위 스킨을 자동으로 넘어가게 추가하려면 아래 소스를 참조하시면 됩니다
또한 자연스럽게 오른쪽에서 왼쪽으로 넘어가는 효과는
이펙트를 주석처리하시면 됩니다.
<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>
Swiper Flip 터치슬라이더
좋은 자료 감사합니다
이쁘네요 적용해볼께요.
감사합니다.
감사합니다.