최신글 롤링 갤러리 (제목 추가) > 그누4 스킨

그누4 스킨

스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다.
스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y
그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.

최신글 롤링 갤러리 (제목 추가) 정보

최신글 최신글 롤링 갤러리 (제목 추가)

첨부파일

gallery_latest.zip (39.5K) 1264회 다운로드 2012-04-05 16:28:57

본문

게시판 롤링이미지 입니다.
불당썸이 깔려있어여 합니다

추가 부분 :
제목 보여주는 기능을 추가하였습니다
easing 을 이용 이동형태가 다양해 졌습니다
한페이지에 여러번 쓸수 있도록 처리하였습니다

파일 내용 :
jquery.easing.1.3.js easing 함수를 정의
jquery-1.4.2.min.js : 이전 보드를 위해 넣었습니다
lastest.skin.js : 이미지 이동 컨트롤 js 파일 입니다
lastest.skin.php : 최신글 파일입니다
index.php  : 테스트 화면의 셋팅 파일을 넣었습니다


아래 부분은 옵션 설정 부분입니다

<?
//------------------------------------------
여기 부터 시작입니다
//------------------------------------------
//한번만 넣어 주시면 됩니다
$skinname="gallery_latest" ;
?>
<script type="text/javascript" src="<?="$g4[path]/skin/latest/$skinname"?>/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="<?="$g4[path]/skin/latest/$skinname"?>/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="<?="$g4[path]/skin/latest/$skinname"?>/latest.skin.js"></script>
<?
//한번만 넣어 주세요 완료
//------------------------------------------

//var easing_arr = new Array("swing" , "easeInQuad " , "easeOutQuad" , "easeInOutQuad" , "easeInCubic" , "easeOutCubic" , "easeInOutCubic" , "easeInQuart" , "easeOutQuart" , "easeInOutQuart" , "easeInQuint" , "easeOutQuint" , "easeInOutQuint" , "easeInSine" , "easeOutSine" , "easeInOutSine" , "seaseInExpo" , "easeOutExpo" , "easeInOutExpo" , "easeInCirc" , "easeOutCirc" , " easeInOutCirc" , "easeInElastic" , "easeOutElastic" , "easeInOutElastic" , "easeInBack" , "easeOutBack" , "easeInOutBack", "easeInBounce" , "easeOutBounce" , "easeInOutBounce");
//-----------------------------

$options = array();
$options[id_name] = "gallery_latest"; //고유명으로 변경하시면 됩니다 : 없으면 보드명으로 정의

$options[easing] = 18; // 0~31 : easing : 이동형태 //default : 0 ; 
$options[f_width]=90; //이미지 넑이 px , default : 60
$options[f_height]=60; //이미지 높이 px , default : 40
$options[f_margin_right]=7; //이미지간 간격 px , default : 5

$options[f_count]=5; //보여줄 이미지수 , default : 3

$options[f_time]=1000; //이동시간 마이크로초 1000 = 1초 default : 1000
$options[f_time_term]=800; //멈추고 쉬는 시간 마이크로초 default : 1000

$options[f_arrow]=true; //화살표 여부 //false 화살표 숨김 , true 화살표 보임 , default : false
$options[f_arrow_time]=500; //화살표 버튼 눌렀을때 이동하는 시간 마이크로 초 , default : 400
$options[f_direct] =0; //처음 시작하는 방향 : 0 왼쪽 1. 오른쪽 default : 0
$options[f_arrow_after] =1; //화살표 오버후 이동방향  0 : 눌려진 화살표 방향으로, 1:누르기전 방향으로 default : 0 ;
$options[f_arrow_left]="left_arrow.gif"; //왼쪽화살표 //스킨안 img 폴더에 이미지를 넣고 이름을 변경한다 , defalult : left_arrow.gif
$options[f_arrow_right]="right_arrow.gif"; //오른쪽화살표//스킨안 img 폴더에 이미지를 넣고 이름을 변경한다 , defalult : left_arrow.gif
$options[f_arrow_align]="top"; //화살표 정렬 top , middle , bottom , defalult : top


$options[f_subject]=true; //제목 여부 true : 보여줌 , false 숨김 , default false;
$options[f_subject_lineheight]=18; //줄높이 단위 : px default : 18px
$options[f_subject_line]= 2; //행수 만약 줄높이가 18이고 행수가 2 이면 제목의 높이는 32px default : 2
$options[f_subject_margintop]=5; //이미지와 제목간의 간격 : default : 5;
$options[f_subject_align]="left"; //제목 정렬 : left , right , center , default : left


//lastest("스키명","보드명","최신글 숫자" , "글자수" , "롤링고유아이디" , 옵션이름  );
echo latest("gallery_latest", "gallery_latest", 15 , 40 ,  $options);
//------------------------------------------
?>



간단 설명:
$skinname="gallery_latest" ;  // 이부분은 스크립트 파일을 불러오기위해 설정해 주셔야 합니다 //현재 스킨 이름을 넣어 주시면 됩니다


<script type="text/javascript" src="<?="$g4[path]/skin/latest/$skinname"?>/jquery-1.4.2.min.js"></script> //만약 jQuery 가 있다면 삭제하셔도 됩니다
<script type="text/javascript" src="<?="$g4[path]/skin/latest/$skinname"?>/jquery.easing.1.3.js"></script> //easing 함수를 정의합니다
<script type="text/javascript" src="<?="$g4[path]/skin/latest/$skinname"?>/latest.skin.js"></script> //이미지 이동을 정의한 스크립트입니다
//위의 4줄은 한번만 나오면 됩니다

//var easing_arr = new Array("swing" , "easeInQuad " , "easeOutQuad" , "easeInOutQuad" , "easeInCubic" , "easeOutCubic" , "easeInOutCubic" , "easeInQuart" , "easeOutQuart" , "easeInOutQuart" , "easeInQuint" , "easeOutQuint" , "easeInOutQuint" , "easeInSine" , "easeOutSine" , "easeInOutSine" , "seaseInExpo" , "easeOutExpo" , "easeInOutExpo" , "easeInCirc" , "easeOutCirc" , " easeInOutCirc" , "easeInElastic" , "easeOutElastic" , "easeInOutElastic" , "easeInBack" , "easeOutBack" , "easeInOutBack", "easeInBounce" , "easeOutBounce" , "easeInOutBounce");
//이징 함수를 정의합니다
이동방식은 아래를 참조 하시면 됩니다
http://sir.co.kr/bbs/board.php?bo_table=pg_jquery&wr_id=463

$options[id_name] = "gallery_latest"; 부분의 값은 맨앞이 영문자이고,영문숫자만 가능합니다 되도록 고유번호로 처리해 주시면 좋습니다

이후 부분은 셋팅부분입니다 // 화살표 이미지외에는 문자를 넣으시면 안됩니다. 숫자만 부울값만 넣어주세요
값이 없으면 default 값이 자동 저장됩니다

하단의
폴더안에 index 파일을 넣었습니다
현재 테스트 페이지의 예시 내용이 담겨 있습니다
테스트 순서대로 1~6번까지 있습니다
추천
26

댓글 전체

감사하구요!!! 초보자입니다. 1)다운받는 폴더및파일이 있는데 어떤 경로에 넣는지요!!!

img폴더
index.php
jquery.easing.1.3.js
jquery-1.4.2.min.js
latest.skin.js
latest.skin.php

2)샘플1에서6번 - index.php에서 소스를 보는데 최신글 노출은 어떤식으로 하는지요!!!

추천합니다.
skin/latest/에 넣으시면 됩니다
아마 소스 보시면
//1 이라고 되어 있는 부분이 있으실 겁니다 거기서 부터
//2 라는 부분나오기 이전까지가 한 부분 이라고 생각하시면됩니다
그리고 위에 설명한데료 아래 부분은 한번은 들어가야 합니다
 
<?
//------------------------------------------
여기 부터 시작입니다
//------------------------------------------
//한번만 넣어 주시면 됩니다
$skinname="gallery_latest" ;
?>
<script type="text/javascript" src="<?="$g4[path]/skin/latest/$skinname"?>/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="<?="$g4[path]/skin/latest/$skinname"?>/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="<?="$g4[path]/skin/latest/$skinname"?>/latest.skin.js"></script>
UTF-8입니다. 그런데도 아래와 같이 에러가 나옵니다.

�̹���:90X60px, �̹�����:5, ����:����, ȭ��ǥ:����, �̵��ð�:1��, �����ð�:0.8��, �̵�����(easing):easeOutExpo

이해가 잘 안가 헤매는 1인입니다.
일단 에디터로 화일을 여세요..
그리고 새이름으로 저장을 누르신후 밑에 인코딩있습니다.
그걸 UTF-8로 선택하신후 다시 저장해보세요..
감사합니다..
내가 찾던 스킨인데요 ㅠㅠ
막상 적용을 하니까 그냥 아무것도 안나옵니다..
다른스킨은 정상출력되는데 이스킨을 적용하니까 그자리가 빈자리가 되는데
이유를 모르겠네요.
index다 확인해봐도 다 정상인데요..
skin/latest폴더에 넣었습니다..
스킨이름은 변동없이 gallery_latest 로 사용합니다..
도와주세요..ㅠㅠ
일단 추천합니다..
너무 좋은 자료 감사드립니다.
궁금한게 있는데요 로딩시 오른쪽으로 롤링을 하게하려면
$options[f_direct] = 1;    로하면 되는거 같아 적용해보니
최근글 자체가 사라져 버리는 현상이 있는데 어떻게 하면 좋을찌
알려주실수 있으실런지요? ^^
감사합니다
파일은 새로 올렸습니다
 
전에있던거 수정은
latest.skin.js 파일에 보시면 52번째 라인에
this.f_current = (s_f_direct)?(f_count-1):0; //현재 위치 정의
라고 되어 있습니다 아래와 같이 해주시면 됩니다
this.f_current = (s_f_direct)?(this.f_count-1):0; //현재 위치 정의
this 가 빠져 있었습니다
감사합니다^^
혹시..
이미지 1개씩 툭툭 나오는게 아니라..마퀴태그처럼 쭈욱~~계속흘러가는 방법도 있을까요??
멈추고 쉬는시간을 0 을로 주어도..1초정도 쉬었다 지나가네요..
전체 5,853 |RSS
그누4 스킨 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT