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/
댓글 6개
9년 전
감사합니다 그누4에 이런스킨이 부족했는데
귀중하게 사용하겠습니다^^
귀중하게 사용하겠습니다^^
9년 전
터치 슬라이더를 찾다가 Swiper를 알게되었는데 혼자쓰기 너무 아까워서 만들어봅니다~ㅋ.
9년 전
위 스킨을 자동으로 넘어가게 추가하려면 아래 소스를 참조하시면 됩니다
또한 자연스럽게 오른쪽에서 왼쪽으로 넘어가는 효과는
이펙트를 주석처리하시면 됩니다.
<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>
9년 전
해당 소스를 PC용이 아닌 모바일에서 적용하고픈데요..
아무리해도 모바일기기에 맞게 자동으로 이미지가 안되는데.
어떻게 수정하면 될런지요...? ㅜㅜ
아무리해도 모바일기기에 맞게 자동으로 이미지가 안되는데.
어떻게 수정하면 될런지요...? ㅜㅜ
iplaying
8년 전
게시물 수정할때 게시판에서는 이미지 교체가 되는데
최신글 - 메인화면에서는 썸네일이 바뀌지 않는것 같아요... ㅠㅠ 어떻게 수정해야 할까요??
최신글 - 메인화면에서는 썸네일이 바뀌지 않는것 같아요... ㅠㅠ 어떻게 수정해야 할까요??
php사랑
8년 전
감사합니다~
게시판 목록
그누4 스킨
스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다.
스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y
그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.
스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y
그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 5831 | 게시판 | 9년 전 | 9263 | ||
| 5830 | 최신글 | 9년 전 | 7383 | ||
| 5829 | 디자인 | 9년 전 | 5878 | ||
| 5828 | 달력 | 9년 전 | 5405 | ||
| 5827 | 게시판 | 9년 전 | 9581 | ||
| 5826 | 회원가입 | 10년 전 | 6866 | ||
| 5825 | 게시판 | 10년 전 | 9747 | ||
| 5824 | 최신글 | 10년 전 | 7243 | ||
| 5823 | 게시판 | 10년 전 | 13170 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기