아주 간단한 스킨입니다~ 영상을 유투브에 올려 메인페이지에 불러오게 하는 경우에 쓰시면 좋아요. 게시글 등록시 유투브에서 공유->소스코드를 클릭하면 이런식으로 되는데 저 위에 sr...
photosphere 적용 게시판
http://photo-sphere-viewer.js.org 에서 제공하는 Photo Sphere Viewer master를 그누보드에 적용
게시판 설정에서
파일 설명 사용을 체크하고,
포토스피어 뷰어를 적용하려는 파일 설명란에
ps|포토 스피어 예제 와 같이 ps|사진제목 의 형태로 입력하면 보기에서 적용이 됨.
설치방법 :
압축을 풀어 그누보드 루트에 올리면 됨
주의 : 포토스피어 파일은 일반적으로 사이즈가 크므로 업로드 파일 한도를 충분히 올려줘야 함.
첨부파일
그누보드5 스킨
2,752건좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
basic 게시판에 포토스피어 뷰어 추가 http://photo-sphere-viewer.js.org 에서 제공하는 Photo Sphere Viewer master를 그누보드에 적...
반응형으로 만든 웹진 스킨입니다. 소스정리를 한다한다 하는게 이제서야 했네요. 스킨 레이아웃 형태는 PC형 스킨( http://sir.kr/g5_skin/11363 )과 동일...
글보기 시 다른건 나오지않고 내용만나오는 갤러리 스킨입니다. 스튜디오나 사진만출력원하는 홈페이지에서 사용하시면 좋을것같습니다.
해당 게시판의 분류를 ajax로 불러오는 스킨입니다. 해당 압축을 푸시고 폴더를 www/skin/latest/basic_ajax_select 이렇게 폴더경로를 지정해주세요 그누보드...
날짜있는것에이어 없는것도 올립니다. 사용법은 압축푸시고 skin/latest 폴더에 넣고 출력원하시는곳에 넣으시면됩니다.
반응형으로 만든 갤러리 스킨입니다. 아래 기본 스킨 정리하면서 갤러리도 같이 정리해봤습니다. 스킨 레이아웃 형태는 PC형 스킨( http://sir.kr/g5_skin/11328 ...
반응형으로 만든 기본형 스킨입니다. 반응형 스킨도 필요로 하시는분이 계셨는데 마침 연휴라 쉬엄쉬엄 소스 정리해서 필요하신분은 쓰시라고 올려놓습니다. 스킨 레이아웃 형태는 PC형 스...
게시판 리스트 출력시 새로고침없이 ajax를 이용하여 뿌려줍니다 새로고침하지 않는 페이지에 응용하시면 좋습니다 설치방법 1. 다운받은 ajaxlist.zip 압축파일을 skin/b...
댓글 16개
감사합니다.^^
그런데 저런 파일이나 이미지가 있어야 올릴건데,,
아미나 빌더 사용중인데 사용해보고 싶어요.ㅠㅠ;;
기다리고 있을께요~
첨부파일의 용량이 커서 모바일에서 적당하지는 않으나... 기술의 향상이 있을 것이라 보고...
--- 수정전 ---
<?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
원래 저런 부분은 익스가 안되는 경우가 많은것 같아요 ^^
감사합니다 잘 사용하고 있는데 아미나용으로 변환시켜서 파일 올려도 될까요?