Deep Zoom Viewer Lite 1.3 Update

Silverlight/Workshop 2008. 4. 21. 07:38





사진이 마음에 안들더라도 이해해 주세요.
(아니면 저작권 논쟁에서 안전한 고해상도 이미지를 누군가 제공해 주세요~ ^^)

Deep Zoom Viewer Lite으로 고해상도 사진을 공유하세요.

1. Intro

DeepZoom Viewer Lite를 사용하시면 Deep Zoom Composer로 생성한 자신만의
Deep Zoom 데이터를 블로그, 카페 같은 곳에 마음껏 자랑하실 수 있습니다.
(단, Deep Zoom 데이터는 웹으로 접근할 수 있는 어딘가에 Upload 하셔야 합니다.)


2. Download

현재 Deep Zoom 기술을 사용하고 있는 MultiScaleImage는 Source가 크로스 도메인 정책과
관계 없이 오로지 같은 서버에 Deep Zoom Data가 있는 경우에 이미지 로딩이 가능합니다.
이것은 컨텐츠 보호 차원에서의 정책이라고 하며, 현재도 논의 중이라고 합니다.
 
그래서 아래 XAP 파일을 다운로드 받으셔서, 자신의 Deep Zoom 데이터 서버의 임의의 장소에 업로드하셔야 합니다.
(이 파일은 한 군데에만 업로드 하시면 됩니다.)



3. Update

1) 미니맵 기능 지원

사용자 삽입 이미지

현재 보고 있는 부분이 전체 Deep Zoom 이미지의 어떤 영역인지 알기 쉽게 표시하고,
미니맵 위에서의 마우스 이벤트를 통해 가시영역을 변경할 수 있습니다.

위 아이콘을 활성화 또는 비활성화 할 수 있습니다.

활성화 : 미니맵이 항상 떠 있습니다.
비활성화 : 보는 영역에 변경사항이 없으면 3초 후 사라집니다.

사용자 삽입 이미지


4. Deep Zoom 데이터 공유하기

DeepZoom Viewer의 기본적인 퍼가기 소스는 아래와 같습니다.

<object data="data:application/x-silverlight," type="application/x-silverlight-2-b1" width="{WIDTH}" height="{HEIGHT}" id="Xaml"> 
 <param name="source" value="{DEEPZOOMVIEWER_URL}"/>  
 <param name="onerror" value="onSilverlightError" />  
 <param name="background" value="white" />
 <param name="EnableHtmlAccess" value="true"/>
 <param name="initParams" value="{INIT_PARAMS}" />  
 <a href="http://go.microsoft.com/fwlink/?LinkID=108182" style="text-decoration: none;">       
 <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none"/>  
 </a> 
</object>

붉은 글자 부분을 변경하셔서 자신의 Deep Zoom 데이터를 공유하세요.

WIDTH : Deep Zoom Viewer의 폭

HEIGHT : Deep Zoom Viewer의 높이

DEEPZOOMVIEWER_URL : DeepZoomViewer.xap 파일의 위치
     ex> http://shiverlight.net/Sample/DeepZoomViewer10.xap

INIT_PARAMS : 다음 챕터를 참고하십시오.
     ex> DZSource=http://shiverlight.net/MultiImage/nasacowork/info.bin,OpenAllowed=false,Toolbar=false


5. initParams 설명

DZSource
- Deep Zoom Composer에서 만든 Deep Zoom Source

OpenAllowed

- Deep Zoom 열기 버튼을 허용할지의 여부, (true : false)

Toolbar
- Toolbar를 표시할 것인지의 여부 (true, false)




6. 참고

Deep Zoom Viewer Lite 1.0 매뉴얼
Deep Zoom Viewer Lite 1.1 Update
Deep Zoom Viewer Lite 1.2 Update

DeepZoom 강좌 1. Deep Zoom Composer를 이용하여 .sdi 만들기
 - 오일석님

설정

트랙백

댓글