Swiper Flip 터치슬라이더
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/
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
그누4 스킨
5,847건스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다. 스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y 그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.
댓글 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>
아무리해도 모바일기기에 맞게 자동으로 이미지가 안되는데.
어떻게 수정하면 될런지요...? ㅜㅜ
최신글 - 메인화면에서는 썸네일이 바뀌지 않는것 같아요... ㅠㅠ 어떻게 수정해야 할까요??