그룹 통합 갤러리 (갤러리스킨1,최신글4,최근게시물2,아웃로긴1,메뉴2) > 그누4 스킨

그누4 스킨

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

그룹 통합 갤러리 (갤러리스킨1,최신글4,최근게시물2,아웃로긴1,메뉴2) 정보

기타 그룹 통합 갤러리 (갤러리스킨1,최신글4,최근게시물2,아웃로긴1,메뉴2)

첨부파일

sample_gallery.zip (527.4K) 262회 다운로드 2006-07-12 17:31:07

본문

저의 서명처럼 혼자서도 잘노는 "그룹통합갤러리" 소스파일과 스킨 전체를 묶어 올립니다.
최근 작업한 메뉴와 관련 라이브러리 까지 모두 포함되었습니다.
그저 따라 하기만 하면 두개의 갤러리 게시판을 갖는 샘플 갤러리 그룹이 만들어 집니다.
미리보기 http://babybox.co.kr/g4/gallery/?gur=sample_gal 한시적으로 업로드 열어놓겠습니다.
id - tt pw - 1111 로 접속 우측 최상단 "도움말 열기"링크에서 설명서 전문을 보실 수 있습니다.
__________________________________________________________________~~**

이 문서는 그룹 통합 갤러리에 대한 간략한 설명 및 수정 사항등을 메모한 것입니다.
작업한지 한참 뒤에 생각나는대로 수정했습니다.
    설명이 두서없이 부실하니 양해바랍니다. (2006년 7월 12일 수요일 - 플록)
-----------------------------------------------------------------------------
# 도움 주신분께 감사의 말씀 드립니다.
네잎클로버님, 유창화님, 오달수님, 헐랭이님, rolo님, Daeng`2님, TMT님, 사랑@마눌님, root님, zzzz님 등등^^ 
그외 고수님들께서 공개해주신 주옥같은 팁들을 짜깁기했습니다.
각 소스코드에 도움주신분을 명시해두었습니다.
-----------------------------------------------------------------------------
그누보드4 (GNU Board Version 4) 기반으로 만든 통합 그룹 갤러리 테스트 페이지 입니다.
    완성된것은 아니며, 고수님들의 힘찬 옆차기를 통해 아이디어를 얻고자 임시 공개합니다.^^;
-----------------------------------------------------------------------------
구성;
    갤러리 스킨(1) - gd_lib 기반 썸네일 생성, 썸네일 경로 및 이름 최적화
    최근이미지 스킨(2) - 최근게시물 형태로 갤러리에 맞게 일부 수정
    최신이미지 스킨(3) - 각종 옵션에 따라 이미지를 추출
    분류별 최신이미지 스킨(1) - 게시판 하위 분류별 최신이미지,제목,설명등을 하나씩 추출
    라이브러리 파일(4) - 위 최근이미지, 최신이미지 스킨, 메뉴 환경 파일
       
        # 모든 스킨에서 필요한 경우 '썸네일생성' 되나 중복없게 하였습니다.

    원본수정 - 글수정 모드에서 1번 이미지 파일의 삭제를 방지하기 위한 수정(write.php 327열)
        참고로 수정하지 않아도 작동에 문제가 되지않으므로 넘어가도 좋습니다.
            //1번파일 삭제방지를 위한 추가 - zzzz님 http://www.sir.co.kr/bbs/tb.php/g4_qa/20118
            if ($gr_id == "gallery"){//그룹명시, gallery
                $file_script .= "add_file(\"<input type='checkbox' ".($i==0?'disabled':'')." name='bf_file_del[$i]' value='1'><a href='{$file[$i][href]}'>{$file[$i][source]}({$file[$i][size]})</a> 파일 삭제";
            }
            else{
                $file_script .= "add_file(\"<input type='checkbox' name='bf_file_del[$i]' value='1'><a href='{$file[$i][href]}'>{$file[$i][source]}({$file[$i][size]})</a> 파일 삭제";
            }
            //1번파일 삭제방지를 위한 추가 끝

    하나의 그룹에 속한 모든 게시판을 갤러리용으로 구성하였습니다.
    두개 이상의 갤러리 그룹으로 확장해서 서로 다른 레이아웃을 적용할수 있습니다.
        참고로 이 구조를 G4 사이트 전체적으로 적용한다면 그룹별로 자유로운 레이아웃이 가능합니다.
        테스트페이지 gnusr.com 을 보면 그룹별로 전혀다른 레이아웃을 적용한 것을 알수 있습니다.

        g4/_common.php 파일은 gallery폴더를 그누보드 밖으로 빼내어 사용할 경우에만
        아래처럼 반드시 수정 하거나 첨부된 파일로 교체해야합니다.
        //$g4_path = "."; // common.php 의 상대 경로
        if(!isset($g4_path)) $g4_path = "."; //태엽푸는새님 - 경로 상관없이 그누보드 실행
        include_once("$g4_path/common.php");
-----------------------------------------------------------------------------
특징;
    그룹 최근이미지 정렬옵션 적용 다양한 정렬 가능(문서 호출시 지정)
    그룹 최근이미지 페이징 처리 다양한 정렬 가능(latest_gr_paging.php 에서 지정)
    갤러리 최신이미지 정렬옵션 적용 다양한 정렬 가능(문서 호출시 지정)
    갤러리 분류별 최신이미지에서 분류별 마지막 업로드 이미지, 제목, 내용일부, 분류설명등 목록화
    갤러리 목록에서 각종 옵션이 적용되어 정렬된 목록만 슬라이드쇼
    갤러리 전체 슬라이드쇼
    최근, 최신이미지 및 갤러리 목록에서 라이트박스 적용 원본 이미지 팝업(이미지윈도우 적용가능)
    이미지 파일만 업로드 가능하게 하고, 글수정 모드에서 기존 업로드 이미지를 축소해서 보여줌(편집 용이)

    그룹 메인페이지 코딩을 가급적 CSS을 사용해서 깔끔하게 작업하려고 노력 하였습니다.
        스킨에서 반복되는 셀 처리 때문에 테이블 태그를 사용한것 빼고 대부분 스타일 시트로 처리함
-----------------------------------------------------------------------------
설치;
    첨부된 파일을 해당위치에 모두 복사합니다.
    갤러리 기본 경로는 gnuboard4설치경로/gallery 입니다.
    그외 스킨 및 라이브러리 파일은 해당 폴더에 복사합니다.
        extend/index.php파일은 특정페이지의 배경색상을 설정하는 스크립트가 들어있습니다.
        _common.php파일을 제외하고 중복되지 않습니다.

    최고 관리자로 로그인후 'http://도메인/gnuboard4설치경로/gallery' 로 접속합니다.
    우측상단 도움말 열기를 클릭합니다.(이 문서의 내용을 요약한 문서입니다)
   
    도움말 맨 아랫쪽 '샘플 갤러리 그룹 및 게시판 생성' 링크를 클릭합니다.
        각종 옵션이 설정된,
        그룹 'sample_gal'와 갤러리용 게시판 'sample_gallery_1' 'sample_gallery_2'가 생성됩니다.
        안전을 위해 기존 데이타에 덮어쓰기나 기존 테이블을 삭제하지 않습니다.
       
        관리자 페이지 '게시판그룹관리'에서 'sample_gal'그룹 생성확인
        관리자 페이지 '게시판관리'에서 'sample_gallery_1' 'sample_gallery_2' 게시판 생성확인

    기본적인 설치를 마쳤습니다.
    여기까지 진행후 기본 경로(gnuboard4설치경로/gallery)에서 테스트 해보시면 됩니다.


라이센스?
각 소스코드에 명시된 라이센스를 확인하시기 바랍니다.
다운 받고 테스트후 문제점을 코멘트에 붙여주셔야 사용가능합니다.
추천
11
  • 복사

댓글 전체

상단 그룹-게시판 메뉴 파일에서 $name변수가 write.skin.php등 여러곳에서 그누보드 원본과 중복 되어 비회원 글쓰기에 영향을 미치고 있군요.
수정해서 다시 올렸습니다.
common/gb_ypSlideRF.php
"$value"는 "$Gvalue"로 "$name"는 "$Bvalue"로 모두 바꿔줌
호호호,,
뜨락님 버전은 따로 준비하고 있습니다.
프로그래밍에 시간을 허비하지 마시라고 "친절 버전"을 준비하고 있다는 내부의 제보를 전합니다.
사실 도움 주신분들께 알림장을 보내야 하는데,, 개인사로 후한을 감수 하기로 하였습니다.
네잎사형, 헐랭이님, 유창화님, rolo님 등등 결과 보고 하겠노라고 사기친 건수가 늘어갈수록 얼굴만 두꺼워 지는듯 합니다.
행님들의 선처를 빕니다. ________!!**
여기까지 코멘트 붙이는 것도 생사를 넘나드는 일입니다.^^
공갈도 못치게 생겼다고 보고 꼬랑지 내립니다.
바로 "친절버전" 준비하겠습니다. ㅇ ㅜ 이 ㅆ ㅣ~~**
lightbox 팝업시 gif 에니메이션 파일을 본후 곧바로 일반 이미지 파일을 클릭하면 몇초후에 좀전에 본 gif에니메이션 파일이 로드되는 버그를 pearly님께서 알려주셨습니다.
pearly님 감사합니다.~~**
 
이 문제는 lightbox의 문제로 해결하려면 lightbox 스크립트를 업데이트 해야 합니다.
테스트 링크에 적용시켜 놓았으니 한번 보시고 아래 경로에서 다운받아서 폴더 전체를 업로드후 링크해 주세요.
핫키 x 로 닫히는 기능외에 몇몇 기능이 추가되었군요.
테스트 링크 http://babybox.co.kr/g4/gallery/?gur=sample_gal

lightbox 최신버전 http://www.huddletogether.com/projects/lightbox2/lightbox2.02.zip

링크방법 sample_gal그룹 top.php에서 링크할 경우 아래처럼 해주세요.
<script type="text/javascript" src="<?=$gal4[url]?>/lightbox2.02/js/prototype.js"></script>
<script type="text/javascript" src="<?=$gal4[url]?>/lightbox2.02/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="<?=$gal4[url]?>/lightbox2.02/js/lightbox.js"></script>

<link rel="stylesheet" href="<?=$gal4[url]?>/lightbox2.02/css/lightbox.css" type="text/css" media="screen" />

lightbox.js 상단 이미지 경로까지 수정해 주세요.
var fileLoadingImage = "lightbox2.02/images/loading.gif";
var fileBottomNavCloseImage = "lightbox2.02/images/closelabel.gif";
아주 반가운 소식이 하나 더 있습니다.

라이트박스 최신버전에 강력한 슬라이드쇼 기능이 탑재되어 있더군요.

활용도가 무궁무진할것 같습니다.^^ 테스트 경로에 가보시면 깜짝 놀라실듯~~**
테스트 링크 http://babybox.co.kr/g4/gallery/?gur=sample_gal

위 코멘트를 참조해서 lightbox 업그레이드후 각 스킨의 썸네일 링크 부분만 간단하게 아래처럼 수정해 줍니다.

//lightbox 사용
    echo "<tr><td align=center><a href='$dest_file' rel='lightbox[$bo_table]' title='".$list[$i]['file'][0]['source']." Hit: ".$list[$i]['wr_hit']."'>$img</a></td></tr>";//

핵심 부분은,
rel='lightbox[$bo_table]' //여기서 $bo_table은 그룹화하고자 하는 변수이며 이 변수로 그룹화된 이미지를 슬라이드쇼로 보여주게 됩니다.

그리고 a title 을 추가해주면 팝업 이미지에 캡션이 붙게됩니다.
title='".$list[$i]['file'][0]['source']." Hit: ".$list[$i]['wr_hit']."'
© SIRSOFT
현재 페이지 제일 처음으로