이미지 슬라이드 쇼(?) > 그누4 스킨

그누4 스킨

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

이미지 슬라이드 쇼(?) 정보

갤러리 이미지 슬라이드 쇼(?)

첨부파일

slideshow.zip (27.5K) 351회 다운로드 2005-08-19 10:19:46

본문

이미지 갤러리를 사용하시는 분들에게만 해당이 될 겁니다.
해당 파일을 슬라이드를 원하는 갤러리 스킨방에 풀어 넣어시면 됩니다.
(두개의 파일과 이미지아이콘 디렉토리)

사용하는 스킨에서는 아래와 같이 호출하는 부분에서

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

댓글 전체

정말 궁금했던 기능인데...^^
드뎌~~~ 공개하셨군요...감사합니다.... 이런걸 보면..그누보드스킨 확장이 참 대단하다는걸 다시한번 느낍니다.
..추천 꽝~~~~~
우선 좋은 스킨 바로사용해보니까 훌륭합니다...
 
질문 하나 드리면 이미지를 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 = "※ 사진설명이 없습니다."; }

위와 같이 수정하시면 세로사진, 가로사진 제대로 보이게 됩니다.
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>
 
게시물제목 옆에 위와 같이 붙여주시면 됩니다.
답사기 게시판의 경우 슬라이드쇼로 사진을 불러오지 못해서 노이미지가 나오게 됩니다.

어떻게 해야 슬라이드쇼를 사용할 수 있을까요?
이미지만 있으면 어느 게시판이나 상관이 없습니다.  참,  이미지가 한글파일명 일때 체크를 안넣었는데요
아래와 같이 하심 됩니다.

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번까지 이미지만 출력을 할수 있을까요?..
흠..글쎄요...이미지 전용 슬라이드라서 그부분은 좀 복잡하지 싶습니다.  이미지냐 아니냐를 체크하는게 있거나
아니면 전체 이미지만 배열로 읽고나서 보여주는 방식을 하거나 해야 할겁니다.
답사기 갤러리 안쓰고
썸네일 갤러리 쓰는데요
슬라이드쇼 보기하면
제목부분에서 사진설명이 없다고나오거던요 ?
어떻게 해야하나요 ?
수고하세요.
보람찬님..아래내용 맞죠??? ...한글 파일명관련..

    $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,850 |RSS
그누4 스킨 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT