photosphere 적용 게시판 정보
게시판 photosphere 적용 게시판첨부파일
본문
basic 게시판에 포토스피어 뷰어 추가
http://photo-sphere-viewer.js.org 에서 제공하는 Photo Sphere Viewer master를 그누보드에 적용
게시판 설정에서
파일 설명 사용을 체크하고,
포토스피어 뷰어를 적용하려는 파일 설명란에
ps|포토 스피어 예제 와 같이 ps|사진제목 의 형태로 입력하면 보기에서 적용이 됨.
설치방법 :
압축을 풀어 그누보드 루트에 올리면 됨
주의 : 포토스피어 파일은 일반적으로 사이즈가 크므로 업로드 파일 한도를 충분히 올려줘야 함.
http://photo-sphere-viewer.js.org 에서 제공하는 Photo Sphere Viewer master를 그누보드에 적용
게시판 설정에서
파일 설명 사용을 체크하고,
포토스피어 뷰어를 적용하려는 파일 설명란에
ps|포토 스피어 예제 와 같이 ps|사진제목 의 형태로 입력하면 보기에서 적용이 됨.
설치방법 :
압축을 풀어 그누보드 루트에 올리면 됨
주의 : 포토스피어 파일은 일반적으로 사이즈가 크므로 업로드 파일 한도를 충분히 올려줘야 함.
추천
9
9
댓글 전체
우선 추천부터..
감사합니다.^^
감사합니다.^^
와 좋은데요,,,~
그런데 저런 파일이나 이미지가 있어야 올릴건데,,
그런데 저런 파일이나 이미지가 있어야 올릴건데,,
제작스킨용이군요 감사합니다 ㅎ
와 쩌네요 감사합니다
변태스타킹님 이거 혹시 아미나빌더 버전으로 변환 부탁드려도 될까요?
아미나 빌더 사용중인데 사용해보고 싶어요.ㅠㅠ;;
아미나 빌더 사용중인데 사용해보고 싶어요.ㅠㅠ;;
아미나를 제가 사용해 본 적이 없어서 바로는 어렵겠지만 만들게 되면 꼭 올리겠습니다.
긍정적인 답변 너무 너무 감사합니다. ^0^;
기다리고 있을께요~
기다리고 있을께요~
모바일 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 배열의 형태로 입력하도록 해놓았습니다. 각 변수에 대한 설명은 주석으로 처리해 놓았으니 참고하시면 될 것 같습니다.
감사합니다.
--- 수정전 ---
<?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 배열의 형태로 입력하도록 해놓았습니다. 각 변수에 대한 설명은 주석으로 처리해 놓았으니 참고하시면 될 것 같습니다.
감사합니다.
이미 소스는 변경해놓고... 스킨은 기본 'gallery'에서 바꾸지않고 "안된다!"며 진땀 빼고 있었네요...;;;
저도 업로드용으로 따로 묶어둔 파일을 수정하고는 사이트에서 적용 안된다고 혼자서 궁시렁 궁시렁 하고 있던 중입니다.
익스는 작동이 안되나보네요
해결해 보려고 한참 삽질을 했는데도 안되네요.
죄송합니다. 원래 안되는건가봅니다.
https://github.com/mistic100/Photo-Sphere-Viewer/issues/47
죄송합니다. 원래 안되는건가봅니다.
https://github.com/mistic100/Photo-Sphere-Viewer/issues/47
죄송까지는 ;;;
원래 저런 부분은 익스가 안되는 경우가 많은것 같아요 ^^
원래 저런 부분은 익스가 안되는 경우가 많은것 같아요 ^^
신고가 접수된 글입니다.
신고 횟수가 1회 이상이면 글을 확인하지 못합니다.
와우 감사합니다
변태스타킹님
감사합니다 잘 사용하고 있는데 아미나용으로 변환시켜서 파일 올려도 될까요?
감사합니다 잘 사용하고 있는데 아미나용으로 변환시켜서 파일 올려도 될까요?