상단에 이미지표시, 하단에 가로리스트로 나오는 갤러리(업그레이드) 정보
갤러리 상단에 이미지표시, 하단에 가로리스트로 나오는 갤러리(업그레이드)첨부파일
본문
유창화님의 썸네일 함수와 열정님의 글등록시 이미지를 원하는 사이즈로 맞춰놓는 함수를 쓴 그림 갤러리입니다.
페이지당 목록 이미지는 아래에 가로 리스트로 나오구요.
초기에는 최근 등록된 이미지가 나오고 리스트에 있는 그림을 클릭하면 메인화면에 페이지 이동없이 이미지가 나타납니다.
리스트는 마우스오버시 마우스 움직임에 따라 왼쪽 오른쪽 자동 스크롤 되어 리스트가 한번에 보입니다. 따라서 설정된 가로 이미지수/페이지당 목록 수에 따라 등록된 그림이 한번에 다 나오게 됩니다. 설정된 가로이미지수/페이지당 목록 수가 넘으면 다음페이지에서 열람이 가능합니다.
필요할 분이 있을 것 같아 올립니다. 쉽게 템플릿화를 못해 필요하신 분은 일일히 list.skin.php를 손보시면 되겠습니다. 죄송합니다..ㅠ
문의사항은 댓글 남겨주시면 답글 달아 드리겠습니다!
============== 환경설정 방법 ============================
## 상단 타이틀 그림 변경: 환경설정> 상단이미지 첨부
## 게시판 폭: 환경설정> 게시판 테이블 폭(590이 적당합니다. 수정할 수 있지만 list.skin.php에서 전체적으로 테이블 구조를 손봐야합니다.)
## 가로이미지수 & 페이지당 목록수 : 둘이 숫자가 같아야합니다. 안그러면 이상해집니다.;;
## 글쓸때 첨부한 이미지가 설정된 값 이상이면 원본은 삭제되고 설정된 값으로 이미지가 변경되어 등록됩니다.(여분필드 1은 이미지 폭설정, 2는 이미지 질 설정- 숫자가 높을수록 화질이 좋아집니다.)
열정님의 글을 참고하세요( http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=8179 )
## 첨부된 파일중 갤러리 폴더는 skin>board>폴더에 넣으시면 되고 thumb.lib.php는 최상위폴더인 lib 폴더에 넣으셔야합니다. thumb.lib.php는 유창화님의 갤러리 썸네일 함수 파일입니다.
## 리스트에서 썸네일 크기조정방법
- list.skin.php를 편집프로그램으로 엽니다. 186번째 라인에 보면
<?=get_smallimg_in_list($board['bo_table'], $list[$i]['file'], 0, 64, 42, '/img/errorimg.gif', 'style="border:1px solid #000000;cursor:hand;"', 'width', '2')?>
가 있습니다. 여기서 숫자 64는 썸네일 가로크기, 42는 세로크기입니다. '/img/errorimg.gif'는 썸네일 에러시 뜨는 이미지 입니다.
나머지 설정은 유창화님의 팁( http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=10075 )를 참고하여 주세요.
## 자신이 쓴 글이거나 관리자 로그인시 리스트의 그림을 선택하면 글보기가 됩니다. 그 페이지에서 글 수정이나 삭제를 할 수 있습니다. 하지만 다른회원이나 비회원일시에는 리스트의 그림을 선택하면 그림이 뜨게됩니다. 글보기는 할 수 없습니다.
## 어두운색 배경으로 제작되었습니다. 흰색바탕은 아이콘등 모든 그림파일을 새로 작업하셔야할 것 같습니다.. =ㅅ=
ps. 그누보드 초보라 여기저기 뒤지느라 이틀걸려 만든 허접갤러리입니다. 이해해주세요.ㅎㅎ
페이지당 목록 이미지는 아래에 가로 리스트로 나오구요.
초기에는 최근 등록된 이미지가 나오고 리스트에 있는 그림을 클릭하면 메인화면에 페이지 이동없이 이미지가 나타납니다.
리스트는 마우스오버시 마우스 움직임에 따라 왼쪽 오른쪽 자동 스크롤 되어 리스트가 한번에 보입니다. 따라서 설정된 가로 이미지수/페이지당 목록 수에 따라 등록된 그림이 한번에 다 나오게 됩니다. 설정된 가로이미지수/페이지당 목록 수가 넘으면 다음페이지에서 열람이 가능합니다.
필요할 분이 있을 것 같아 올립니다. 쉽게 템플릿화를 못해 필요하신 분은 일일히 list.skin.php를 손보시면 되겠습니다. 죄송합니다..ㅠ
문의사항은 댓글 남겨주시면 답글 달아 드리겠습니다!
============== 환경설정 방법 ============================
## 상단 타이틀 그림 변경: 환경설정> 상단이미지 첨부
## 게시판 폭: 환경설정> 게시판 테이블 폭(590이 적당합니다. 수정할 수 있지만 list.skin.php에서 전체적으로 테이블 구조를 손봐야합니다.)
## 가로이미지수 & 페이지당 목록수 : 둘이 숫자가 같아야합니다. 안그러면 이상해집니다.;;
## 글쓸때 첨부한 이미지가 설정된 값 이상이면 원본은 삭제되고 설정된 값으로 이미지가 변경되어 등록됩니다.(여분필드 1은 이미지 폭설정, 2는 이미지 질 설정- 숫자가 높을수록 화질이 좋아집니다.)
열정님의 글을 참고하세요( http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=8179 )
## 첨부된 파일중 갤러리 폴더는 skin>board>폴더에 넣으시면 되고 thumb.lib.php는 최상위폴더인 lib 폴더에 넣으셔야합니다. thumb.lib.php는 유창화님의 갤러리 썸네일 함수 파일입니다.
## 리스트에서 썸네일 크기조정방법
- list.skin.php를 편집프로그램으로 엽니다. 186번째 라인에 보면
<?=get_smallimg_in_list($board['bo_table'], $list[$i]['file'], 0, 64, 42, '/img/errorimg.gif', 'style="border:1px solid #000000;cursor:hand;"', 'width', '2')?>
가 있습니다. 여기서 숫자 64는 썸네일 가로크기, 42는 세로크기입니다. '/img/errorimg.gif'는 썸네일 에러시 뜨는 이미지 입니다.
나머지 설정은 유창화님의 팁( http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=10075 )를 참고하여 주세요.
## 자신이 쓴 글이거나 관리자 로그인시 리스트의 그림을 선택하면 글보기가 됩니다. 그 페이지에서 글 수정이나 삭제를 할 수 있습니다. 하지만 다른회원이나 비회원일시에는 리스트의 그림을 선택하면 그림이 뜨게됩니다. 글보기는 할 수 없습니다.
## 어두운색 배경으로 제작되었습니다. 흰색바탕은 아이콘등 모든 그림파일을 새로 작업하셔야할 것 같습니다.. =ㅅ=
ps. 그누보드 초보라 여기저기 뒤지느라 이틀걸려 만든 허접갤러리입니다. 이해해주세요.ㅎㅎ
추천
3
3
댓글 전체
자료가 없어요>.<
이런.. 자료설명에 급급하다보니 제일 중요한걸 안올렸네요..ㅋㅋ
ㅋㅋ 감사합니다 유용하게 활용할수 있겠네요^^
수고하셨습니다
수고하셨습니다

수고하셨습니다....
본문내 팁링크의 팁게시자의 이름이 잘못되어 있네요....^^
유인화님....?
본문내 팁링크의 팁게시자의 이름이 잘못되어 있네요....^^
유인화님....?
앗, 급하게 작성하다 보니 회사직원이름이랑 헷갈렸네요;; 수정하였습니다.. ㅠ

감사합니다. 너무 멋있어요,
오홋.. 멋집니다.
간만에 보물을 건졌네요.. 감사합니다.
간만에 보물을 건졌네요.. 감사합니다.

테일즈고님이 설날 선물로
그누 가족님들께 멋진 작품 주셔서 고맙습니다.
앞으로 쭉~ 기대 가득하겠습니다.
새해 복 많이 받으셔요^^
그누 가족님들께 멋진 작품 주셔서 고맙습니다.
앞으로 쭉~ 기대 가득하겠습니다.
새해 복 많이 받으셔요^^
감사히 사용하겠습니다..
설 연휴 잘보내시길 바랍니다..
설 연휴 잘보내시길 바랍니다..
감사합니다.
여러가지로 생각을 많이하게 하는 스킨이네요.
페이지당 목록을 적당히 조절하면서 페이징까지 붙이면 아주 유용할것 같습니다.
스크롤 스크립트또한 브라우저 타지 않아서 좋습니다.
초보님들께서 응용할때 참고할 몇가지 ..
처음 게시판 목록에 들어갔을때 최신 게시물 첫번째 첨부 이미지를 보여주려면 아래 두곳을 찾아서 다음과 같이 수정 해보세요.
<!-- <form name=f><input type=hidden name=dnimg value="<?=$board_skin_path?>/img/default.gif"></form> 정해진 기본이미지 사용 -->
<?
//최신 게시물 첫번째 첨부 이미지 사용
$data_path = $g4['path'] . "/data/file/" . $bo_table;
$tmpImg = urlencode($list[0][file][0][file]);
?>
<form name=f><input type=hidden name=dnimg value='<?=$data_path."/".$tmpImg?>'></form>
<img name=gallery_img value=0 src=<?=$data_path."/".$tmpImg// if ($board[bo_image_head]) echo "'$g4[path]/data/file/$bo_table/$board[bo_image_tail]'"; ?> border=0>
스타일 중복이 있어서 불여우에서 깨어지던 부분도 참고하세요.
<form NAME="descForm" style="margin:0"><textarea name="desc" readonly style="overflow:hidden;width:100%;height:28px;background-color:transparent;border:0;">아래의 목록에서 보고싶은 그림을 선택하면 이곳에 표시됩니다.</textarea></form>
관리자 체크박스 역시 마진값이 많을경우 불여우에서 이미지가 중첨되어 나타날때 -20px 정도로 낮춰주면 괜찮습니다.
<input type=checkbox name=chk_wr_id[] value=<?=$list[$i][wr_id]?> style="margin-left:-20px;">
여러가지로 생각을 많이하게 하는 스킨이네요.
페이지당 목록을 적당히 조절하면서 페이징까지 붙이면 아주 유용할것 같습니다.
스크롤 스크립트또한 브라우저 타지 않아서 좋습니다.
초보님들께서 응용할때 참고할 몇가지 ..
처음 게시판 목록에 들어갔을때 최신 게시물 첫번째 첨부 이미지를 보여주려면 아래 두곳을 찾아서 다음과 같이 수정 해보세요.
<!-- <form name=f><input type=hidden name=dnimg value="<?=$board_skin_path?>/img/default.gif"></form> 정해진 기본이미지 사용 -->
<?
//최신 게시물 첫번째 첨부 이미지 사용
$data_path = $g4['path'] . "/data/file/" . $bo_table;
$tmpImg = urlencode($list[0][file][0][file]);
?>
<form name=f><input type=hidden name=dnimg value='<?=$data_path."/".$tmpImg?>'></form>
<img name=gallery_img value=0 src=<?=$data_path."/".$tmpImg// if ($board[bo_image_head]) echo "'$g4[path]/data/file/$bo_table/$board[bo_image_tail]'"; ?> border=0>
스타일 중복이 있어서 불여우에서 깨어지던 부분도 참고하세요.
<form NAME="descForm" style="margin:0"><textarea name="desc" readonly style="overflow:hidden;width:100%;height:28px;background-color:transparent;border:0;">아래의 목록에서 보고싶은 그림을 선택하면 이곳에 표시됩니다.</textarea></form>
관리자 체크박스 역시 마진값이 많을경우 불여우에서 이미지가 중첨되어 나타날때 -20px 정도로 낮춰주면 괜찮습니다.
<input type=checkbox name=chk_wr_id[] value=<?=$list[$i][wr_id]?> style="margin-left:-20px;">
좋은 지적감사합니다. 그런데 이미지만 최근 등록된글의 이미지만 불러와지고 글은 안불러와져서 이상하네요. 혹시 최근 등록된 글도 함께 불러올 수는 없을까요??
시간나시면 답변 부탁드립니다.^^
시간나시면 답변 부탁드립니다.^^
에고.. 해결했네요..^^ 간단하네요../^^
해당파일의 파일설명을 사용하는 경우 아래처럼 사용합니다.
<textarea name="desc" style="overflow:hidden;border:1px solid #DDD; width:<?=$board['bo_image_width']?>px; height:50px; background-color:transparent" readonly value="<?=$list[$i][file][0][content]?>"><?php echo $list[0][file][0][content]?></textarea>
내용으로 보여준다면 위에서,,
<?php echo $list[0][file][0][content]?> 부분을
<?php echo cut_str(strip_tags($list[0]['wr_content']), 300, '...')?> 이런식으로 처리하면 될것 같습니다.
<textarea name="desc" style="overflow:hidden;border:1px solid #DDD; width:<?=$board['bo_image_width']?>px; height:50px; background-color:transparent" readonly value="<?=$list[$i][file][0][content]?>"><?php echo $list[0][file][0][content]?></textarea>
내용으로 보여준다면 위에서,,
<?php echo $list[0][file][0][content]?> 부분을
<?php echo cut_str(strip_tags($list[0]['wr_content']), 300, '...')?> 이런식으로 처리하면 될것 같습니다.
마지막 질문인데요.. =ㅅ= 등록된 글의 이미지 첨부가 없을 때 엑박 안뜨고 noimg로 뜨게 하려면 어케 해야하나요 ..?
수정했습니다. onerror 이벤트를 쓰면 되는군요..ㅎㅎ
플록님의 조언을 참고하여 업그레이드 하였습니다. 기존에 다운 받으셨던 분들은 다시 받아주셔요~_~;;
밑에 작은 썸네일 이미지를 두 줄이나 세줄로 할려면 어떤방법을 써야되나여 워낙 초보라서여 ㅠㅠ
쓸만한 갤러리 스킨
오 아주 좋습니당

멋지네요~
좋은 스킨 감사 합니다.
수고하셨습니다.^^
잘 쓰겠습니다.
스킨 감사합니다.
베리 굿입니다. 추천 ~
감사합니다.
gdasfadsfdas
감사합니다...
멋집니다. 화이트 버전은 없나요? ^^;;
감사
그림 상단에 게시물 제목이 나타나면 좋겠습니다.
어떻게 하면 되나요?
상단 : 제목이 보이게
[나타난 그림위치]
하단 : 설명이 보이게 (이건 현상태 그대로)
어떻게 하면 되나요?
상단 : 제목이 보이게
[나타난 그림위치]
하단 : 설명이 보이게 (이건 현상태 그대로)
좋은 자료 감사드립니당.^^
정말 멋지네요~~

좋아요
가로사이즈갤러리
좋은데요,,, 실력이 부러웡,,,
굿입니다
좋네요...^.^

와~ 잘 쓸께요~~^0^
d
회사형식의 갤러리
잘 쓰겠습니다
감사합니다~