갤러리-썸네일 클릭하여 큰사진 보기 /파일설명/가로버전/웹페이지형식
링크
http://www.bakdaljae.co.kr/public/bbs/board.php?bo_table=gallery1&wr_id=1 (2080) http://www.bakdaljae.co.kr/public/bbs/board.php?bo_table=gallery2&wr_id=5 (1293)
류재민님의 갤러리(http://www.sir.co.kr/bbs/board.php?bo_table=g4_skin_board&wr_id=7031)를 가로형으로 고쳐 쓰면서 게시판이 아닌 웹페이지로 쓰기 위해 몇 가지 손을 좀 봤습니다.
스크린샷을 보시면 아시겠지만 썸네일을 큰사진 아래쪽에 위치 시키고 작은 그림을 클릭 시 큰 그림을 봅니다. 큰사진의 사이즈는 500픽셀입니다.
또한 이런 형태의 갤러리는 웹페이지처럼 보이게 사용하실 분들이 많을 것 같아 게시판의 모든 버튼을 관리자 로그인시만 보이게 했습니다. 대부분의 버튼은 게시판 설정의 권한을 설정하시면 되고 목록, 다음글 등의 버튼과 검색 부분은 view.skin.php에서 수정 하시면됩니다.
링크1을 클릭해 보시면 무슨 얘긴지 알 수 있을겁니다.
게시판설정 시 파일보기를 선택한 경우 썸네일을 클릭 시 각 사진의 설명도 함께 바뀝니다.
사진의 설명을 보이게 했기 때문에 글 내용을 입력하지 않아도 됩니다. 썸네일은 12개까지 2줄로 나옵니다.
글 내용을 입력하면 링크2와 같이 나옵니다.
파일설명 사용 : 사용
게시판테이블폭 : 500
이미지 폭 크기 : 500
파일 업로드 갯수 : 12
여분필드1 : 150
여분필드2 : 200
스크린샷을 보시면 아시겠지만 썸네일을 큰사진 아래쪽에 위치 시키고 작은 그림을 클릭 시 큰 그림을 봅니다. 큰사진의 사이즈는 500픽셀입니다.
또한 이런 형태의 갤러리는 웹페이지처럼 보이게 사용하실 분들이 많을 것 같아 게시판의 모든 버튼을 관리자 로그인시만 보이게 했습니다. 대부분의 버튼은 게시판 설정의 권한을 설정하시면 되고 목록, 다음글 등의 버튼과 검색 부분은 view.skin.php에서 수정 하시면됩니다.
링크1을 클릭해 보시면 무슨 얘긴지 알 수 있을겁니다.
게시판설정 시 파일보기를 선택한 경우 썸네일을 클릭 시 각 사진의 설명도 함께 바뀝니다.
사진의 설명을 보이게 했기 때문에 글 내용을 입력하지 않아도 됩니다. 썸네일은 12개까지 2줄로 나옵니다.
글 내용을 입력하면 링크2와 같이 나옵니다.
파일설명 사용 : 사용
게시판테이블폭 : 500
이미지 폭 크기 : 500
파일 업로드 갯수 : 12
여분필드1 : 150
여분필드2 : 200
|
댓글을 작성하시려면 로그인이 필요합니다.
그누4 스킨
5,847건스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다. 스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y 그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.
댓글 82개
div를 사용했을라나.. iframe이러나.. 대충 소스에 iframe 나오긴 한데...
스킨 고대하고 있습니다. ^^;; 부탁해요~~~
스킨을 공개해 주셔서 감사드립니다.
감사합니다.
큰그림에서 새창으로 원본사이즈로 열리면 정말 좋겠어요..
그리고 3줄로 보이게 할려면 어디서 수정하나요?(업로드파일 15개 정도 해야하는데..^^;;)
답변부탁드립니다..^ㅡ^*
<a href=#1 <? echo "onClick=\"chgImg( '".$image[5]."','".$image[5]."','".ereg_replace("(\r\n|\n|\r)", " ", strip_tags($view[file][5][content]) )."' );\"" ?>> <img src="<?=$image[5]?>" width="80" height="60" align="absmiddle" border="0"></a>
<div style="line-height:30%;"><br> <? }?> // 이부분이 첫번째 줄바꿈입니다.
[11]다음의
<? }?>를
<div style="line-height:30%;"><br> <? }?>
로 변경 해 주시면 됩니다.
근데 여전히 이미지는 엑스로 나와요 ㅠ~ㅠ;;
http://www.chinaskin.co.kr/bbs/board.php?bo_table=about03&wr_id=1
류재민님의 스킨에서 처음에 10개의 파일로 되어 있던 것을 수정할 때 그 부분을 간과했네요.
해서 파일 수를 카운트하게 수정하였습니다.
나니아님 덕에 버그 한마리 잡았습니다^^
<? if ($view[file][0][view]) {
for ($i=0; $i<=10; $i++) {
$image[$i] = "$g4[path]/data/file/$bo_table/".$view[file][$i][file];
}
if ($view[file][0][view]) {
?>
위의 내용을 찾아서
for ($i=0; $i<=10; $i++) { 줄을
for ($i=0; $i<=count($view[file]); $i++) { 로 변경
원본파일도 바꿀려고했는데 코멘트가 많이 달려서 수정이 불가하다고 나오네요 -.-
복 많이 받으실꺼예요~~!!
한가지 궁금한게 있는데,가로 썸네일을 하단이 아닌 상단에 넣으려면 어떻게 해야 할까요?
느므느므 멋진걸요^ㅡ^/
상단은 크게 아래는 여러개의 작은사진 으로 나오게 되나요????
기존에는 세로길이가 길쭉 날쭉하면 화면이 늘어났다 줄어들었다 해서 일정하게 만들기 위하여
혹은 고정된 틀을 사용해야 할 경우에 사용하시면 유용할 거라 생각됩니다.
약 100라인경
document.gallery_img.src=imgname; 이부분 아래부분에 넣어주시면 되겠습니다.
var maxWidth=200; //가로 최대치
var maxHeight=200; //세로 최대치
imgWidth=document.gallery_img.width; //원본 가로값 저장
imgHeight=document.gallery_img.height; //원본 세로값 저장
if (imgWidth>maxWidth){
imgWidth/=imgHeight/maxHeight;
imgHeight=maxHeight;
}
if (imgHeight>maxHeight){
imgHeight/=imgWidth/maxWidth;
imgWidth=maxWidth;
}
document.gallery_img.width=imgWidth; //조정된 가로값적용
document.gallery_img.height=imgHeight; //조정된 세로값적용
한번 적용해 봐야겠네요
그런데 질문 하나만 드릴게요!
밑에 썸네일 이미지가 자동 리사이즈가 되는데...
리스트_뷰.php 처럼 썸네일이 리사이즈가 되지않고 자동으로 잘려서 보이게 하려면 어떻게 수정해야 할까요..???
부탁드립니다! ^_^
Warning: include_once(../skin/board/z_gallery/list.skin.php) [function.include-once]: failed to open stream: No such file or directory in /home/hosting_users/chaeumin01/www/ch/bbs/list.php on line 167
Warning: include_once() [function.include]: Failed opening '../skin/board/z_gallery/list.skin.php' for inclusion (include_path='.:/usr/local/lib/php') in /home/hosting_users/chaeumin01/www/ch/bbs/list.php on line 167
----------
웹 페이지 오류 세부 정보
사용자 에이전트: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0)
타임스탬프: Thu, 25 Apr 2013 03:00:10 UTC
메시지: 개체가 필요합니다.
줄: 214
문자: 5
코드: 0
URI: http://*****.net/****/bbs/write.php?bo_table=0201
----------
이런 에러가 뜨네요