1. 개요
DeepZoom Viewer Lite를 사용하시면 Deep Zoom Composer로 생성한 자신만의
Deep Zoom 데이터를 블로그, 카페 같은 곳에 마음껏 자랑하실 수 있습니다.
(단, Deep Zoom 데이터는 웹으로 접근할 수 있는 어딘가에 Upload 하셔야 합니다.)
2. DeepZoom Viewer XAP 패키지 설치
현재 Deep Zoom 기술을 사용하고 있는 MultiScaleImage는 Source로 입력하는 URL의
크로스-도메인 문제와 관계없이 xap파일을 호스트하고 있는 서버에서 상대경로로 변화하여
info.bin파일을 찾는 문제가 있습니다.
그래서 아래 XAP 파일을 다운로드 받으셔서, 자신의 Deep Zoom 데이터 서버의 임의의 장소에 업로드하셔야 합니다.
(이 파일은 한 군데에만 업로드 하시면 됩니다.)
3. 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>
<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
4. initParams 설명
DZSource
- Deep Zoom Composer에서 만든 Deep Zoom Source
OpenAllowed
- Deep Zoom 열기 버튼을 허용할지의 여부, (true : false)
Toolbar
- Toolbar를 표시할 것인지의 여부 (true, false)
5. 예제
more..
Appendix
A. Deep Zoom 데이터 생성
Deep Zoom Composer Beta를 이용하여 Deep Zoom 데이터를 생성하십시오.
다운로드와 자세한 내용은 아래 링크를 참조하십시오.
http://blogs.msdn.com/expression/archive/2008/03/05/download-the-preview-of-the-deep-zoom-composer.aspx
Trackback 0 And
Comment 2
-
길버트 2008/03/28 11:02
일단 Deep Zoom Composer부터 공부를 해야함. 아래 링크를 따라가봐라.
http://blogs.msdn.com/expression/archive/2008/03/05/download-the-preview-of-the-deep-zoom-composer.aspx
그리고 사용법을 익혀서 어떤 사진들을 Export 했다면, 많은 폴더와 함께 info.bin 파일이 생긴다.
그 폴더들을 웹 상에 업로드를 하고, 그 때의 info.bin의 경로를 Deep Zoom 열기를 통해 입력하면,
네가 만든 Deep Zoom Data를 볼 수 있다. 수고
