링크
http://www.boramchan.co.kr/bbs/board.php?bo_table=tourism (581) http://www.boramchan.co.kr/ (339)
이미지 갤러리를 사용하시는 분들에게만 해당이 될 겁니다.
해당 파일을 슬라이드를 원하는 갤러리 스킨방에 풀어 넣어시면 됩니다.
(두개의 파일과 이미지아이콘 디렉토리)
사용하는 스킨에서는 아래와 같이 호출하는 부분에서
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이하)일때는
초를 줄여도 될 겁니다.
로딩된 이미지를 클릭하면 원본크기를 볼 수 있습니다.
그외 이미지가 변할때마다 변환모양이 바뀌는 것을 구현하는 것은 사용자 몫으로 한개 남겨
놨습니다........으히히~
※ 슬라이드 화면 구성이 어디선가 본 듯 할겁니다. 두개 포털사이트의 구성을 짬뽕 했쬬....ㅋㅋ;;
이미지나 아이콘, 그외 소스등등은 원하시는 대로 무대포로 막 바꿔 사용하셔도 됩니다.
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 43개
드뎌~~~ 공개하셨군요...감사합니다.... 이런걸 보면..그누보드스킨 확장이 참 대단하다는걸 다시한번 느낍니다.
..추천 꽝~~~~~
수고많으셨습니다.
질문 하나 드리면 이미지를 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 링크에 대한 부연 설명이신가요??..아니면, 다른 링크방법인지요??
슬라이드 쑈 작동되는 새창에 사진싸이즈에 맞게
리사이즈 소스를
넣으면 더 좋을듯 합니다.
(:]
난 언제 이렇게 만들어보지...초보딱지를 언제 버릴지...
부럽습니다. 스킨 만들수 있다는것이....
감사합니다 잘 쓰겠습니다.
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 = "※ 사진설명이 없습니다."; }
위와 같이 수정하시면 세로사진, 가로사진 제대로 보이게 됩니다.
그리고 리스트에 각각의 게시물에 대해서 보실려면
<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_ ); // 한글파일명 때문에...
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_ ); // 한글파일명 때문에...
한번더 살펴보겠습니다만, 이상하군요.전 한글파일명으로 이미지 올렸는데..이상하게 해당 이미지가 보이질 않네요.
답사기에서 필수적인 기능인것 같습니다^^
열심히 공부해서 꼭 적용해 보겠습니다~
즐거운 하루 보내세요~^^*
너무 맘에 드네요~~
추천 들어갑니다.