Swiper Flip 터치슬라이더 정보
최신글 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/
추천
2
2
댓글 전체
감사합니다 그누4에 이런스킨이 부족했는데
귀중하게 사용하겠습니다^^
귀중하게 사용하겠습니다^^
터치 슬라이더를 찾다가 Swiper를 알게되었는데 혼자쓰기 너무 아까워서 만들어봅니다~ㅋ.
위 스킨을 자동으로 넘어가게 추가하려면 아래 소스를 참조하시면 됩니다
또한 자연스럽게 오른쪽에서 왼쪽으로 넘어가는 효과는
이펙트를 주석처리하시면 됩니다.
<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>
해당 소스를 PC용이 아닌 모바일에서 적용하고픈데요..
아무리해도 모바일기기에 맞게 자동으로 이미지가 안되는데.
어떻게 수정하면 될런지요...? ㅜㅜ
아무리해도 모바일기기에 맞게 자동으로 이미지가 안되는데.
어떻게 수정하면 될런지요...? ㅜㅜ
게시물 수정할때 게시판에서는 이미지 교체가 되는데
최신글 - 메인화면에서는 썸네일이 바뀌지 않는것 같아요... ㅠㅠ 어떻게 수정해야 할까요??
최신글 - 메인화면에서는 썸네일이 바뀌지 않는것 같아요... ㅠㅠ 어떻게 수정해야 할까요??
감사합니다~
