photosphere 적용 게시판 > 그누보드5 스킨

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

photosphere 적용 게시판 정보

게시판 photosphere 적용 게시판

첨부파일

photosphere.zip (4.4M) 91회 다운로드 2016-09-07 06:09:44

본문

basic 게시판에 포토스피어 뷰어 추가

http://photo-sphere-viewer.js.org 에서 제공하는 Photo Sphere Viewer master를 그누보드에 적용

게시판 설정에서

파일 설명 사용을 체크하고,

포토스피어 뷰어를 적용하려는 파일 설명란에

ps|포토 스피어 예제 와 같이 ps|사진제목 의 형태로 입력하면 보기에서 적용이 됨.


설치방법 :

압축을 풀어 그누보드 루트에 올리면 됨
주의 : 포토스피어 파일은 일반적으로 사이즈가 크므로 업로드 파일 한도를 충분히 올려줘야 함.
추천
9

댓글 전체

모바일 view.skin.php 파일은 어떻게 수정하면 되나요?
첨부파일의 용량이 커서 모바일에서 적당하지는 않으나... 기술의 향상이 있을 것이라 보고...
그누보드 basic/view.skin.php의 아래 부분만 수정한 것입니다.

--- 수정전 ---

<?php
        // 파일 출력
        $v_img_count = count($view['file']);
        if($v_img_count) {
            echo "<div id=\"bo_v_img\">\n";

            for ($i=0; $i<=count($view['file']); $i++) {
                if ($view['file'][$i]['view']) {
                    //echo $view['file'][$i]['view'];
                    echo get_view_thumbnail($view['file'][$i]['view']);
                }
            }

            echo "</div>\n";
        }
 ?>

--- 수정후 ---

<?php
        // 파일 출력
        $v_img_count = count($view['file']);
        if($v_img_count) {
echo "<div id=\"bo_v_img\">\n";

$ps['width'] = $board['bo_image_width']; // 높이
$ps['height'] = $board['bo_image_width']*3/4; // 넓이
$ps['download'] = true; // true = 이미지 다운로드 버튼 보임
$ps['fov'] = 70; // default field of view 30~90
$ps['mousewheel'] = true; // 마우스 휠로 줌인/아웃
$ps['time_anim'] = false; // 에니메이션 시작 시간 ms 또는 false

            for ($i=0; $i<=count($view['file']); $i++) {

                $bf_content[$i] = explode("|", $view['file'][$i]['bf_content'], 2);
if($bf_content[$i][0] == "ps") $show_photosphere = true;
if(isset($bf_content[$i][1])) $view['file'][$i]['bf_content'] = $bf_content[$i][1];

if ($view['file'][$i]['view'] && !$show_photosphere) {

                    //echo $view['file'][$i]['view'];
                    echo get_view_thumbnail($view['file'][$i]['view']);

                } else if($view['file'][$i]['view']) {

$ps['image'] = $view['file'][$i]['path']."/".$view['file'][$i]['file'];// 이미지 파일 URL 또는 경로
$ps['id'] = "photosphere_".$i; // 포토스피어 div id
$ps['caption'] = $view['file'][$i]['bf_content']; // 하단 툴바 캡션

photosphere($ps);
echo '<div style="height: 16px;"></div>';

$show_photosphere = false;

}

            }

            echo "</div>\n";
        }
        ?>



수정전:
이미지 보기가 있으면 이미지를 출력

수정후:
이미지 보기가 있으면 파일 설명(bf_content)을 | 로 나누어
앞부분이 ps이면 photosphere 적용
설명 파일의 | 뒷부분은 포토스피어 뷰어의 하단 캡션 내용으로 사용

photosphere viewer 출력에 필요한 변수들은 $ps 배열의 형태로 입력하도록 해놓았습니다. 각 변수에 대한 설명은 주석으로 처리해 놓았으니 참고하시면 될 것 같습니다.

감사합니다.
해결해 보려고 한참 삽질을 했는데도 안되네요.

죄송합니다. 원래 안되는건가봅니다.

https://github.com/mistic100/Photo-Sphere-Viewer/issues/47
전체 2,436 |RSS
그누보드5 스킨 내용 검색

회원로그인

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