#Krpano #Virtual_Tour #VR #Viwer
안녕하세요. Gi_1의 개발일기 입니다.
tour.xml에서 이미지를 삽입하는 방법에 대해서 알아보려고 합니다.
왼쪽 상단에 초록색 박스를 보시면, VR화면과 별개로 홈페이지의 로고처럼 왼쪽 상단에 이미지가 삽입되어 있습니다.
이를 클릭하면 링크로 보낼 수도 있고, 이미지가 커지는 등 이벤트를 발생시킬 수 있습니다.
(클릭 시 확대 / 가운데로 이동시키는 소스는 따로 저장해 놓았으니 블로그 이전글을 참고해주세요)
우선, HTML을 배우셨다면 DIV를 배운다고 생각하시면 될 것 같습니다.
이미지를 삽입하기 위한 코드인데요,
<layer name="map" url="skin/logo.png" keep="true" scale="0.5" x="20" y="20" align="topleft" enabled="true" alpha="1" onclick="openurl(https://gi-1.tistory.com/)"/"/>
name : layer 고유 값 (skin>vtourskin.xml 참조하여 name을 skin_logo로 할 시 action이 적용되어 사용자가 하단 툴바를 숨김하면 layer가 같이 숨겨진다)
url : 업로드 할 이미지 위치
scale : 확대/축소, 1:100%
x, y = 화면 끝에서부터 떨어질 거리
align = topleft, topright, bottomleft, bottomright, center가 있으며 이미지의 위치를 조정
alpha = 불투명도, 1:100%
enabled = 이벤트 사용/비사용
onclick = 각종 이벤트 사용 할 때 이용하는 기능, openurl로 링크 이동 가능
댓글