이미지 슬라이드 쇼(?) 정보
갤러리 이미지 슬라이드 쇼(?)관련링크
http://www.boramchan.co.kr/
314회 연결
첨부파일
본문
이미지 갤러리를 사용하시는 분들에게만 해당이 될 겁니다.
해당 파일을 슬라이드를 원하는 갤러리 스킨방에 풀어 넣어시면 됩니다.
(두개의 파일과 이미지아이콘 디렉토리)
사용하는 스킨에서는 아래와 같이 호출하는 부분에서
slideshow.php?bo_table=<?=$bo_table?>&wr_id=<?=$wr_id?>
해당게시물의 보기(view)상태에서는 호출하는 곳에서 뒷부분에 &wr_id=<?=$wr_id?>를 추가하면 해당
게시물의 이미지만 슬라이드로 보여줍니다. 이건 한 게시물에 이미지가 많은 답사기 형식의 갤러리에
해당 될 겁니다.
게시물 목록(list)보기에서 링크시 뒷부분 wr_id=<?=$wr_id?> 를 제외하면 전체 이미지를 슬라이드로 보여줍니다.
#1. 게시물 리스트(list.skin.php)에 추가시 (전체 갤러리를 보여주고자 할때)
<script language="JavaScript">
<!--
function OpenWin(url,intWidth,intHeight){
window.open(url, "ReadSlideShow", "scrollbars=no, resizable=no, width="+intWidth+",height="+intHeight+" ");
return;
}
//-->
</script>
<img src="<?=$board_skin_path?>/s_img/bSlideShow.gif" border=0 style="vertical-align: middle;cursor:pointer;" onClick="OpenWin('<?=$board_skin_path?>/slideshow.php?bo_table=<?=$bo_table?>',550,650); return false;" alt="상단 이미지 슬라이드 쇼 보기" title="상단 이미지 슬라이드 쇼 보기">
#1. 게시물 보기(view.skin.php)에 추가시 (해당 게시물의 갤러리를 보여주고자 할때)
<script language="JavaScript">
<!--
function OpenWin(url,intWidth,intHeight){
window.open(url, "ReadSlideShow", "scrollbars=no, resizable=no, width="+intWidth+",height="+intHeight+" ");
return;
}
//-->
</script>
<img src="<?=$board_skin_path?>/s_img/bSlideShow.gif" border=0 style="vertical-align: middle;cursor:pointer;" onClick="OpenWin('<?=$board_skin_path?>/slideshow.php?bo_table=<?=$bo_table?>&wr_id=<?=$wr_id?>',550,650); return false;" alt="상단 이미지 슬라이드 쇼 보기" title="상단 이미지 슬라이드 쇼 보기">
※ 혹 이해가 안가시면 제 홈에 [여행스케치]를 참고하심 될겁니다.
http://www.boramchan.co.kr/bbs/board.php?bo_table=tourism
슬라이드 할때 이미지는 원본이미지를 불러오므로 환경에 로딩시간이 길 수 도 있으므로
디폴터로 7초정도로 했습니다. 선로(?)환경이 좋고 이미지도 작은 사이즈(800*600이하)일때는
초를 줄여도 될 겁니다.
로딩된 이미지를 클릭하면 원본크기를 볼 수 있습니다.
그외 이미지가 변할때마다 변환모양이 바뀌는 것을 구현하는 것은 사용자 몫으로 한개 남겨
놨습니다........으히히~
※ 슬라이드 화면 구성이 어디선가 본 듯 할겁니다. 두개 포털사이트의 구성을 짬뽕 했쬬....ㅋㅋ;;
이미지나 아이콘, 그외 소스등등은 원하시는 대로 무대포로 막 바꿔 사용하셔도 됩니다.
해당 파일을 슬라이드를 원하는 갤러리 스킨방에 풀어 넣어시면 됩니다.
(두개의 파일과 이미지아이콘 디렉토리)
사용하는 스킨에서는 아래와 같이 호출하는 부분에서
slideshow.php?bo_table=<?=$bo_table?>&wr_id=<?=$wr_id?>
해당게시물의 보기(view)상태에서는 호출하는 곳에서 뒷부분에 &wr_id=<?=$wr_id?>를 추가하면 해당
게시물의 이미지만 슬라이드로 보여줍니다. 이건 한 게시물에 이미지가 많은 답사기 형식의 갤러리에
해당 될 겁니다.
게시물 목록(list)보기에서 링크시 뒷부분 wr_id=<?=$wr_id?> 를 제외하면 전체 이미지를 슬라이드로 보여줍니다.
#1. 게시물 리스트(list.skin.php)에 추가시 (전체 갤러리를 보여주고자 할때)
<script language="JavaScript">
<!--
function OpenWin(url,intWidth,intHeight){
window.open(url, "ReadSlideShow", "scrollbars=no, resizable=no, width="+intWidth+",height="+intHeight+" ");
return;
}
//-->
</script>
<img src="<?=$board_skin_path?>/s_img/bSlideShow.gif" border=0 style="vertical-align: middle;cursor:pointer;" onClick="OpenWin('<?=$board_skin_path?>/slideshow.php?bo_table=<?=$bo_table?>',550,650); return false;" alt="상단 이미지 슬라이드 쇼 보기" title="상단 이미지 슬라이드 쇼 보기">
#1. 게시물 보기(view.skin.php)에 추가시 (해당 게시물의 갤러리를 보여주고자 할때)
<script language="JavaScript">
<!--
function OpenWin(url,intWidth,intHeight){
window.open(url, "ReadSlideShow", "scrollbars=no, resizable=no, width="+intWidth+",height="+intHeight+" ");
return;
}
//-->
</script>
<img src="<?=$board_skin_path?>/s_img/bSlideShow.gif" border=0 style="vertical-align: middle;cursor:pointer;" onClick="OpenWin('<?=$board_skin_path?>/slideshow.php?bo_table=<?=$bo_table?>&wr_id=<?=$wr_id?>',550,650); return false;" alt="상단 이미지 슬라이드 쇼 보기" title="상단 이미지 슬라이드 쇼 보기">
※ 혹 이해가 안가시면 제 홈에 [여행스케치]를 참고하심 될겁니다.
http://www.boramchan.co.kr/bbs/board.php?bo_table=tourism
슬라이드 할때 이미지는 원본이미지를 불러오므로 환경에 로딩시간이 길 수 도 있으므로
디폴터로 7초정도로 했습니다. 선로(?)환경이 좋고 이미지도 작은 사이즈(800*600이하)일때는
초를 줄여도 될 겁니다.
로딩된 이미지를 클릭하면 원본크기를 볼 수 있습니다.
그외 이미지가 변할때마다 변환모양이 바뀌는 것을 구현하는 것은 사용자 몫으로 한개 남겨
놨습니다........으히히~
※ 슬라이드 화면 구성이 어디선가 본 듯 할겁니다. 두개 포털사이트의 구성을 짬뽕 했쬬....ㅋㅋ;;
이미지나 아이콘, 그외 소스등등은 원하시는 대로 무대포로 막 바꿔 사용하셔도 됩니다.
추천
1
1
댓글 전체
정말 궁금했던 기능인데...^^
드뎌~~~ 공개하셨군요...감사합니다.... 이런걸 보면..그누보드스킨 확장이 참 대단하다는걸 다시한번 느낍니다.
..추천 꽝~~~~~
드뎌~~~ 공개하셨군요...감사합니다.... 이런걸 보면..그누보드스킨 확장이 참 대단하다는걸 다시한번 느낍니다.
..추천 꽝~~~~~
우와..멋지네요....
수고많으셨습니다.
수고많으셨습니다.
프로그램도 디자인도 굿입니다 굿....
아~ 사실 디자인 앤드 소스야 전부 여기저기 좋은것 꿍쳐다 그누에 돌아가게끔 고친거죠 뭐....히~
감사합니다.
멋져요~~~!
우선 좋은 스킨 바로사용해보니까 훌륭합니다...
질문 하나 드리면 이미지를 11개를 올렸을 경우 열번째이미지까지만 보여주고 11번째로 올린 이미지는 보여주지 안으려면 어떻게 해야하나요?...
이미지를 다 보여주지 않을 경우를 말합니다...
좋은스킨 감사합니다..
질문 하나 드리면 이미지를 11개를 올렸을 경우 열번째이미지까지만 보여주고 11번째로 올린 이미지는 보여주지 안으려면 어떻게 해야하나요?...
이미지를 다 보여주지 않을 경우를 말합니다...
좋은스킨 감사합니다..
사용해보니 ..정말 훌륭한 스킨입니다...진짜 좋네요..정말 대단~
'보람찬님..'... 위 설명글 중에서.
사용하는 스킨에서는 아래와 같이 호출하는 부분에서
slideshow.php?bo_table=<?=$bo_table?>&wr_id=<?=$wr_id?>
해당게시물의 보기(view)상태에서는 호출하는 곳에서 뒷부분에 &wr_id=<?=$wr_id?>를 추가하면 해당
게시물의 이미지만 슬라이드로 보여줍니다. 이건 한 게시물에 이미지가 많은 답사기 형식의 갤러리에
해당 될 겁니다.
.... 라고 되어있는 부분의 개념이 잘 서지 않는데..
slideshow.php?bo_table=<?=$bo_table?>&wr_id=<?=$wr_id?> <-- 이부분은 어디에 사용해야합니까?
그냥 view.skin.php 링크에 대한 부연 설명이신가요??..아니면, 다른 링크방법인지요??
'보람찬님..'... 위 설명글 중에서.
사용하는 스킨에서는 아래와 같이 호출하는 부분에서
slideshow.php?bo_table=<?=$bo_table?>&wr_id=<?=$wr_id?>
해당게시물의 보기(view)상태에서는 호출하는 곳에서 뒷부분에 &wr_id=<?=$wr_id?>를 추가하면 해당
게시물의 이미지만 슬라이드로 보여줍니다. 이건 한 게시물에 이미지가 많은 답사기 형식의 갤러리에
해당 될 겁니다.
.... 라고 되어있는 부분의 개념이 잘 서지 않는데..
slideshow.php?bo_table=<?=$bo_table?>&wr_id=<?=$wr_id?> <-- 이부분은 어디에 사용해야합니까?
그냥 view.skin.php 링크에 대한 부연 설명이신가요??..아니면, 다른 링크방법인지요??
게시판에서 팝업창으로 링크할 때 입니다.
멋집니다..........^^
이야~~~멋집니다.
슬라이드 쑈 작동되는 새창에 사진싸이즈에 맞게
리사이즈 소스를
넣으면 더 좋을듯 합니다.
(:]
슬라이드 쑈 작동되는 새창에 사진싸이즈에 맞게
리사이즈 소스를
넣으면 더 좋을듯 합니다.
(:]
와우 멋집니다.
난 언제 이렇게 만들어보지...초보딱지를 언제 버릴지...
부럽습니다. 스킨 만들수 있다는것이....
감사합니다 잘 쓰겠습니다.
난 언제 이렇게 만들어보지...초보딱지를 언제 버릴지...
부럽습니다. 스킨 만들수 있다는것이....
감사합니다 잘 쓰겠습니다.
일반갤러리입니다.
imgview.php에서
if (preg_match("/\.(gif|jpg|png)$/i", $image) && file_exists("$g4[path]/data/file/$bo_table/$image")) {
$size = getimagesize($images);
if ($size[0] > $size[1]) {
if ($size[0] >= 500) { $size0 = 500; } else { $size0 = $size[0]; }
if ($size[1] >= 375) { $size1 = 375; } else { $size1 = $size[1]; }
}
else {
if ($size[0] >= 375) { $size0 = 375; } else { $size0 = $size[0]; }
if ($size[1] >= 500) { $size1 = 500; } else { $size1 = $size[1]; }
}
$Descript = "{$result[bf_content]}";
} else {$images = "./s_img/noimage.gif"; $size0 = 95; $size1 = 72; $Descript = "※ 이미지가 없습니다.";}
if (!$Descript) { $Descript = "※ 사진설명이 없습니다."; }
위와 같이 수정하시면 세로사진, 가로사진 제대로 보이게 됩니다.
imgview.php에서
if (preg_match("/\.(gif|jpg|png)$/i", $image) && file_exists("$g4[path]/data/file/$bo_table/$image")) {
$size = getimagesize($images);
if ($size[0] > $size[1]) {
if ($size[0] >= 500) { $size0 = 500; } else { $size0 = $size[0]; }
if ($size[1] >= 375) { $size1 = 375; } else { $size1 = $size[1]; }
}
else {
if ($size[0] >= 375) { $size0 = 375; } else { $size0 = $size[0]; }
if ($size[1] >= 500) { $size1 = 500; } else { $size1 = $size[1]; }
}
$Descript = "{$result[bf_content]}";
} else {$images = "./s_img/noimage.gif"; $size0 = 95; $size1 = 72; $Descript = "※ 이미지가 없습니다.";}
if (!$Descript) { $Descript = "※ 사진설명이 없습니다."; }
위와 같이 수정하시면 세로사진, 가로사진 제대로 보이게 됩니다.
500으로 줄이신것은 640에 대해 78.125% 이므로 480도 같은 비율로 줄였을 때 375가 나오게 됩니다.
그리고 리스트에 각각의 게시물에 대해서 보실려면
<img src="$board_skin_path/s_img/bSlideShow.gif" border=0 style="vertical-align: middle;cursor:pointer;" onClick="OpenWin('$board_skin_path/slideshow.php?bo_table=$bo_table&wr_id={$list[$i][wr_id]}',650,650); return false;" alt="이미지 슬라이드 쇼 보기" title="이미지 슬라이드 쇼 보기"><br><br>
게시물제목 옆에 위와 같이 붙여주시면 됩니다.
그리고 리스트에 각각의 게시물에 대해서 보실려면
<img src="$board_skin_path/s_img/bSlideShow.gif" border=0 style="vertical-align: middle;cursor:pointer;" onClick="OpenWin('$board_skin_path/slideshow.php?bo_table=$bo_table&wr_id={$list[$i][wr_id]}',650,650); return false;" alt="이미지 슬라이드 쇼 보기" title="이미지 슬라이드 쇼 보기"><br><br>
게시물제목 옆에 위와 같이 붙여주시면 됩니다.
답사기 게시판의 경우 슬라이드쇼로 사진을 불러오지 못해서 노이미지가 나오게 됩니다.
어떻게 해야 슬라이드쇼를 사용할 수 있을까요?
어떻게 해야 슬라이드쇼를 사용할 수 있을까요?
이미지만 있으면 어느 게시판이나 상관이 없습니다. 참, 이미지가 한글파일명 일때 체크를 안넣었는데요
아래와 같이 하심 됩니다.
iframe에 호출되는 imgview.php 부분의 14째줄 정도를 아래와 같이 수정하심 됩니다.
$image_ = "{$result[bf_file ]}"; // 이미지파일명저장
$images_ = "$g4[path]/data/file/$bo_table/{$result[bf_file ]}"; // 이미지의 경로 저장
$image = str_replace('%', '%25', $image_); // 한글파일명 때문에...
$images = str_replace('%', '%25', $images_ ); // 한글파일명 때문에...
아래와 같이 하심 됩니다.
iframe에 호출되는 imgview.php 부분의 14째줄 정도를 아래와 같이 수정하심 됩니다.
$image_ = "{$result[bf_file ]}"; // 이미지파일명저장
$images_ = "$g4[path]/data/file/$bo_table/{$result[bf_file ]}"; // 이미지의 경로 저장
$image = str_replace('%', '%25', $image_); // 한글파일명 때문에...
$images = str_replace('%', '%25', $images_ ); // 한글파일명 때문에...
사진을 5장을 올리고 압축파일 1개를 올리면 슬라이드쑈보기에서 6개로 나오는데 6번째는 noimg 로 나옵니다..
1번부터 5번까지 이미지만 출력을 할수 있을까요?..
1번부터 5번까지 이미지만 출력을 할수 있을까요?..
흠..글쎄요...이미지 전용 슬라이드라서 그부분은 좀 복잡하지 싶습니다. 이미지냐 아니냐를 체크하는게 있거나
아니면 전체 이미지만 배열로 읽고나서 보여주는 방식을 하거나 해야 할겁니다.
아니면 전체 이미지만 배열로 읽고나서 보여주는 방식을 하거나 해야 할겁니다.
답사기 갤러리 안쓰고
썸네일 갤러리 쓰는데요
슬라이드쇼 보기하면
제목부분에서 사진설명이 없다고나오거던요 ?
어떻게 해야하나요 ?
수고하세요.
썸네일 갤러리 쓰는데요
슬라이드쇼 보기하면
제목부분에서 사진설명이 없다고나오거던요 ?
어떻게 해야하나요 ?
수고하세요.
게시판 환경설정에서 이미지설명 부분 체크하시면 이미지 업로드하는 부분에서 이미지관련 설명글을
적을 수 있습니다.
적을 수 있습니다.
대단히 감사합니다^^
멋지네요.
멋지네요.
음....
위 리플대로..한글명으로 작성된 이미지파일을 등록해봤는데...노이미지로 올라오는거 같네요.
위 리플대로..한글명으로 작성된 이미지파일을 등록해봤는데...노이미지로 올라오는거 같네요.
그러니깐 위에 답변글 부분에 한글파일명 때문에 추가하는 부분 있죠...그거 넣으심 됩니다...
보람찬님..아래내용 맞죠??? ...한글 파일명관련..
$image_ = "{$result[bf_file ]}"; // 이미지파일명저장
$images_ = "$g4[path]/data/file/$bo_table/{$result[bf_file ]}"; // 이미지의 경로 저장
$image = str_replace('%', '%25', $image_); // 한글파일명 때문에...
$images = str_replace('%', '%25', $images_ ); // 한글파일명 때문에...
한번더 살펴보겠습니다만, 이상하군요.전 한글파일명으로 이미지 올렸는데..이상하게 해당 이미지가 보이질 않네요.
$image_ = "{$result[bf_file ]}"; // 이미지파일명저장
$images_ = "$g4[path]/data/file/$bo_table/{$result[bf_file ]}"; // 이미지의 경로 저장
$image = str_replace('%', '%25', $image_); // 한글파일명 때문에...
$images = str_replace('%', '%25', $images_ ); // 한글파일명 때문에...
한번더 살펴보겠습니다만, 이상하군요.전 한글파일명으로 이미지 올렸는데..이상하게 해당 이미지가 보이질 않네요.
감사합니다
답사기에서 필수적인 기능인것 같습니다^^
답사기에서 필수적인 기능인것 같습니다^^
저도 꼭 해보고 싶은데 실력이 안될거 같아요~
열심히 공부해서 꼭 적용해 보겠습니다~
즐거운 하루 보내세요~^^*
열심히 공부해서 꼭 적용해 보겠습니다~
즐거운 하루 보내세요~^^*
감탄사 ! 절로절로...짜집퍼에게 무한한 힘을 보태주시는 군요. 정말 감사합니다.
한번 해보 싶은 스킨이군요
헉 님은 신이십니다
너무 맘에 드네요~~
너무 맘에 드네요~~
잘쓰겠습니다
훌륭하십니다.
좋네요
고맙습니다..^^
좋은 자료 감사합니다.
좋은 자료 감사합니다.
감사합니다.
이미지를 슬라이드쇼로 정말 좋네요! 감사~~ 감사~~
우예이 멋쟁이
^^
감사합니다 ^^
한번시도해볼게요
한글이라 그런다 해서 영어루 바꿔두 안돠고 숫자로 바꿔두 안되고 ~못쓰겠네요
이렇게 좋은 스킨에 추천이 없다니 이상하네요.
추천 들어갑니다.
추천 들어갑니다.
