jquery 가로/세로 스크롤
링크
http://oriental.mireene.com/gnu4.31.08/demo.php (1625) http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=81702 (910)
전에 올린 세로 스크롤 스킨의 가로버전을 원하시는 분들이 계셔서, 하나의 스킨으로 가로/세로 필요에 따라 지정해서 나타낼수있도록 했습니다.
디자인도 여러가지 추가해 상황에 맞게 골라쓸수있습니다.(현재 2가지 다른 스타일이 있으나 예를 위한것이므로 예쁘진 않습니다.)
1. jcarousel.lib.php 를 그누 extend 폴더에 업한다.
2. jcarousel 폴더 통째로 skin/latest 폴더에 업한다.
3. <?=jcarousel("jcarousel", 게시판명, 출력수, "정렬옵션", "가로/세로지정","스타일지정");?>와 같이 출력한다.
정렬옵션 : H(히트순), R(랜덤), C(코멘트순) 등 중에서 하나선택
가로/세로지정 : v(세로), h(가로) 중 선택해서 기입(소문자로)
스타일지정: 1 혹은 2 를 입력해서 다른 스타일적용
디자인변경방법 (skin/latest/jcarousel/skin/각 스킨폴더/ 내에 있는 css 파일변경)
디자인 변경이라 해봤자 배경, 아이콘 바꾸는 것 정도겠네요.
물론 썸네일크기변경이나 한번에 몇장씩넘길것인지 지정등도..소스에 다 나와있습니다.
예제 페이지가 무료호스팅이라 열리는데 무지 오래걸리네요.
디자인도 여러가지 추가해 상황에 맞게 골라쓸수있습니다.(현재 2가지 다른 스타일이 있으나 예를 위한것이므로 예쁘진 않습니다.)
1. jcarousel.lib.php 를 그누 extend 폴더에 업한다.
2. jcarousel 폴더 통째로 skin/latest 폴더에 업한다.
3. <?=jcarousel("jcarousel", 게시판명, 출력수, "정렬옵션", "가로/세로지정","스타일지정");?>와 같이 출력한다.
정렬옵션 : H(히트순), R(랜덤), C(코멘트순) 등 중에서 하나선택
가로/세로지정 : v(세로), h(가로) 중 선택해서 기입(소문자로)
스타일지정: 1 혹은 2 를 입력해서 다른 스타일적용
디자인변경방법 (skin/latest/jcarousel/skin/각 스킨폴더/ 내에 있는 css 파일변경)
디자인 변경이라 해봤자 배경, 아이콘 바꾸는 것 정도겠네요.
물론 썸네일크기변경이나 한번에 몇장씩넘길것인지 지정등도..소스에 다 나와있습니다.
예제 페이지가 무료호스팅이라 열리는데 무지 오래걸리네요.
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 26개
바로 홈페이지에 적용해보았거든요 근데 궁금한점이 있습니다
다른 최신 갤러리스킨처럼 위쪽에 해당 갤러리 이름을 나오게 하는방법과..
한번에 넘기는 사진이 3장으로 되있는데 이걸 조절하는 방법을 알고 싶습니다~
가로스킨 지정은 latest.skin.php 에서 jQuery('#horizontal_<?=$Rd?>').jcarousel(); 요 부분을 이렇게 바꿔주시면 됩니다. jQuery('#horizontal_<?=$Rd?>').jcarousel({scroll: 2});
그리고 scroll: 2 를 원하시는 숫자로 바꿔서 쓰세요.
다음 사이트 리뉴얼하거나 개편하는 사이트 있으면 써보겠습니다.