스킨 simplyscroll 과 fancybox 를 적용한 최신글 스킨
페이지 정보
작성자 관리자 (61.♡.24.46) 작성일 15-12-18 23:21 조회 4,298 댓글 0본문
simplyscroll 과 fancybox 를 적용한 최신글 스킨
ㅁ 설명
simplyscroll 과 fancybox 를 그누보드 최신글에 적용한 스킨입니다.
이미지의 가로 스크롤과 라이트박스 기능을 구현하였습니다.
ㅁ 사용법
스킨파일을 skin/latest 에 올린후, 보여줄 곳에 다음처럼 최신글 코드를 추가합니다.
echo latest("simplyscroll", "gallery", 5, 100, 0, "");
ㅁ 설정값들
이미지 크기 조절 및 테두리 패딩 등의 값들을 수정하려면,
스킨 파일 안에 아래 값들을 변경하시면 됩니다.
// 썸네일 이미지 크기
$thumb_width = 200;
$thumb_height = 150;
// 컨테이너 크기 조절
$(".lt_ss").css("width","700px").css("padding","14px").css("background-color","#cccccc");
$(".simply-scroll-list").css("height","150px");
$(".simply-scroll-list li").css("width","214px");
ㅁ 참고 url
http://www.baragi.net/?latest=ss
ㅁ 설명
simplyscroll 과 fancybox 를 그누보드 최신글에 적용한 스킨입니다.
이미지의 가로 스크롤과 라이트박스 기능을 구현하였습니다.
ㅁ 사용법
스킨파일을 skin/latest 에 올린후, 보여줄 곳에 다음처럼 최신글 코드를 추가합니다.
echo latest("simplyscroll", "gallery", 5, 100, 0, "");
ㅁ 설정값들
이미지 크기 조절 및 테두리 패딩 등의 값들을 수정하려면,
스킨 파일 안에 아래 값들을 변경하시면 됩니다.
// 썸네일 이미지 크기
$thumb_width = 200;
$thumb_height = 150;
// 컨테이너 크기 조절
$(".lt_ss").css("width","700px").css("padding","14px").css("background-color","#cccccc");
$(".simply-scroll-list").css("height","150px");
$(".simply-scroll-list li").css("width","214px");
ㅁ 참고 url
http://www.baragi.net/?latest=ss
추천0
첨부파일
- simplyscroll.7z (11.5K) 6회 다운로드 | DATE : 2015-12-19 12:00:26
댓글목록 0
등록된 댓글이 없습니다.