변

photosphere 적용 게시판

· 2016-09-07 (수) 06:09:44 · 10002 · 16
캡처.PNG
캡처1.PNG
캡처2.PNG
basic 게시판에 포토스피어 뷰어 추가

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

게시판 설정에서

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

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

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


설치방법 :

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

첨부파일

캡처.PNG (1.1 MB)
0회 2016-09-07 06:09
캡처1.PNG (3.9 KB)
0회 2016-09-07 06:09
캡처2.PNG (13.1 KB)
0회 2016-09-07 06:09
photosphere.zip (4.4 MB) 92회 2016-09-07 06:09
|

댓글 16개

우선 추천부터..
감사합니다.^^
2016-09-07 (수) 17:18:21
와 좋은데요,,,~
그런데 저런 파일이나 이미지가 있어야 올릴건데,,
2016-09-07 (수) 18:29:27
제작스킨용이군요 감사합니다 ㅎ
와 쩌네요 감사합니다
변태스타킹님 이거 혹시 아미나빌더 버전으로 변환 부탁드려도 될까요?
아미나 빌더 사용중인데 사용해보고 싶어요.ㅠㅠ;;
2016-09-07 (수) 23:28:11
아미나를 제가 사용해 본 적이 없어서 바로는 어렵겠지만 만들게 되면 꼭 올리겠습니다.
긍정적인 답변 너무 너무 감사합니다. ^0^;

기다리고 있을께요~
2016-09-07 (수) 21:55:37
모바일 view.skin.php 파일은 어떻게 수정하면 되나요?
첨부파일의 용량이 커서 모바일에서 적당하지는 않으나... 기술의 향상이 있을 것이라 보고...
2016-09-07 (수) 22:28:13
그누보드 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 배열의 형태로 입력하도록 해놓았습니다. 각 변수에 대한 설명은 주석으로 처리해 놓았으니 참고하시면 될 것 같습니다.

감사합니다.
2016-09-07 (수) 22:46:25
이미 소스는 변경해놓고... 스킨은 기본 'gallery'에서 바꾸지않고 "안된다!"며 진땀 빼고 있었네요...;;;
2016-09-07 (수) 23:25:31
저도 업로드용으로 따로 묶어둔 파일을 수정하고는 사이트에서 적용 안된다고 혼자서 궁시렁 궁시렁 하고 있던 중입니다.
익스는 작동이 안되나보네요
2016-09-16 (금) 03:19:47
해결해 보려고 한참 삽질을 했는데도 안되네요.

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

https://github.com/mistic100/Photo-Sphere-Viewer/issues/47
죄송까지는 ;;;

원래 저런 부분은 익스가 안되는 경우가 많은것 같아요 ^^
2016-11-03 (목) 23:58:33
와우 감사합니다
변태스타킹님
감사합니다 잘 사용하고 있는데 아미나용으로 변환시켜서 파일 올려도 될까요?
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 스킨

2,752건

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

+