'Deep Zoom Viewer Lite'에 해당되는 글 7건
- 2008/04/21 Deep Zoom Viewer Lite 1.3 Update (2)
- 2008/04/04 Deep Zoom Viewer Lite 1.2 Update
- 2008/04/01 Deep Zoom Viewer Lite 1.1 Update (8)
- 2008/03/27 NASA와 공동작업을 수행중인 길버트 ^^ (8)
- 2008/03/27 Deep Zoom Viewer Lite 1.0 매뉴얼 (2)
- 2008/03/26 Deep Zoom Viewer Lite - 하우스 텐 보스
- 2008/03/26 DeepZoom Viewer / 화홍문 / 오다이바 (2)
사진이 마음에 안들더라도 이해해 주세요.
(아니면 저작권 논쟁에서 안전한 고해상도 이미지를 누군가 제공해 주세요~ ^^)
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 데이터 서버의 임의의 장소에 업로드하셔야 합니다.
(이 파일은 한 군데에만 업로드 하시면 됩니다.)
DeepZoomViewer.xap3. 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>
<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 만들기 - 오일석님
이올린에 북마크하기
이올린에 추천하기
Trackback : http://gilverlight.net/trackback/2826
원본 사진 저작권 & 출처 : (c)Tomo.Yun (www.yunphoto.net/ko/)
Deep Zoom Viewer Lite으로 고해상도 사진을 공유하세요.
1. Intro
DeepZoom Viewer Lite를 사용하시면 Deep Zoom Composer로 생성한 자신만의
Deep Zoom 데이터를 블로그, 카페 같은 곳에 마음껏 자랑하실 수 있습니다.
(단, Deep Zoom 데이터는 웹으로 접근할 수 있는 어딘가에 Upload 하셔야 합니다.)
2. Download
현재 Deep Zoom 기술을 사용하고 있는 MultiScaleImage는 Source로 입력하는 URL의
크로스-도메인 문제와 관계없이 xap파일을 호스트하고 있는 서버에서 상대경로로 변화하여
info.bin파일을 찾는 문제가 있습니다.
그래서 아래 XAP 파일을 다운로드 받으셔서, 자신의 Deep Zoom 데이터 서버의 임의의 장소에 업로드하셔야 합니다.
(이 파일은 한 군데에만 업로드 하시면 됩니다.)
3. Update
1) 전체화면 모드 지원
이때는 마우스 휠이 작동하지 않습니다. 아래 키설정을 이용하십시오.
확대 : 마우스 왼쪽 클릭
축소 : Ctrl키 + 마우스 왼쪽 클릭
2) 퍼가기 소스 개선
최대 축소하여, 화면 정중앙에 초기화 된 상태에서는 퍼가기 소스에,
InitViewportWidth, InitViewportOriginX, InitViewportOriginY 정보를 출력하지 않습니다.
따라서 퍼간 후에 사이즈를 변경하셔도 그 사이즈에 맞게 중앙정렬되는 모습을
보실 수 있습니다.
3) 클립보드로 복사 버튼 지원
자바스크립트에 의한 클립보드 복사가 Internet Explorer와 Opera에서만 완벽하게 지원되기 때문에,
Internet Explorer 사용자와 Opera 사용자에게만 이 버튼이 보이게 했습니다.
Firefox 사용자와 Safari 사용자께서는 Ctrl + C 키를 애용해 주시기 바랍니다.
4. 참고
Deep Zoom Viewer Lite 1.0 매뉴얼
Deep Zoom Viewer Lite 1.1 Update
DeepZoom 강좌 1. Deep Zoom Composer를 이용하여 .sdi 만들기 - 오일석님
Trackback : http://gilverlight.net/trackback/2806
"흠... X-ray를 살펴보니, 수술이 잘 끝난 것 같아요,
역시 공선생님 실력은 알아줘야 한다니까!"
역시 공선생님 실력은 알아줘야 한다니까!"
Deep Zoom Viewer Lite 1.1에서는 사진에서 '원하는 영역'와 '확대정도'를 공유할 수 있도록 도와줍니다.
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. Update
1) 퍼가기 지원
복사 & 붙이기 하시면 됩니다.
이때, Html 코드는 현재 보고 계시는 화면 그대로를 재현할 수 있는 코드가 생성됩니다.
(다시 말해, 현재 줌 상태, 보고 있는 위치가 퍼가기 코드를 통해 그대로 재현됩니다.)
2) 파라미터 추가
아래 파라미터의 추가를 통해서 퍼가기 시에 보고 있던 화면 상태를 지원하게 되었습니다.
(퍼가기 소스를 생성시 아래 파라미터 값이 자동으로 설정됩니다.)
InitViewportWidth : MultiScaleImage의 ViewportWidth를 초기화 해줄 값
InitViewportOriginX : MultiScaleImage의 ViewportOrigin.X를 초기화 해줄 값
InitViewportOriginY : MultiScaleImage의 ViewportOrigin.Y를 초기화 해줄 값
<이전 파라미터>
DZSource : Deep Zoom Composer에서 만든 Deep Zoom Source
OpenAllowed : Deep Zoom 열기 버튼을 허용할지의 여부, (true : false)
Toolbar : Toolbar를 표시할 것인지의 여부 (true, false)
Trackback : http://gilverlight.net/trackback/2800
-
한누리 2008/04/01 18:07
share 기능이 Ctril+C hotkey를 사용해서 복사가 되긴 하는데, mouse로는 right click이 막혀 있네요. copy to clipboard 기능을 하는 button을 하나 만들어 주시면 좋을듯합니다.
-
길버트 2008/04/02 10:24
한누리님 안녕하세요. 좋은 의견 감사합니다.
Clipboard 복사가 Internet Explorer에서만 되는 기능이라서 넣지말아야지 생각하고 있었는데요.
Internet Explorer 쓰시는 분이라도 편하게, Internet Explorer 사용 시에만 보이는 버튼을 넣어서
지원해 드려야 겠네요.
흠, 그나저나 Firefox 쓰시고, Ctrl+C를 모르시는 분은 어떻게 복사하셔야 하나...
상단에 메세지 표기라도 해드려야 겠네요. (Press Ctrl + C to ... ) 이렇게요. ^^
-
-
한누리 2008/04/01 23:16
copy to board 버튼 기능의 구현도 자바스크립트에서나 구현이 가능하겠고, 실버라잇2 자체적으로는 안되는 듯 하네요. 간단한 문제가 아니었네요.^^
-
길버트 2008/04/02 10:26
Copy to Clipboard는 회사에 구현해 놓은 소스가 있어서, 어제 금방 기능추가 시켜놨습니다.
1.2버전 공개 때 보실 수 있으십니다.
-
-
-
길버트 2008/04/03 14:45
네, 좋은 의견 감사드려요~!
일단 저희 손 닿는 데이터만 모아서 shiverlight.net에 한자리 마련해 볼까요?
사용자가 업로드 할 수 있는 범용 갤러리는 Deep Zoom Composer SDK 나온 후에 해보려고 합니다.
(사용자는 그냥 이미지 한장만 업로드 하면 되겠금요.)
사실 Deep Zoom Composer SDK가 언제 나올지 몰라서
휴즈플로우 내부적으로 이미지 1장에 대한 처리를 해주는 서버 프로그램을 진행하고 있습니다.
그걸 사용하면 좀 더 빠른 시일 내에 뭔가 만들어 질 것 같습니다.
-
-
까꿍 2008/04/22 17:03
우와~ 신기한데 하나두 모르겠넹..
실버라이트를 해 볼라구 했더니 넘 힘드어욤~
전 디자이너라~ 몬 글을 써두었는지 조차 이해가 않됨~ ^^;;;
암튼 신기하다는것?!! ㅋㅋ -
길버트 2008/04/24 10:38
아직 실버라이트 분야는 디자이너들의 대대적인 참여가 이루어지지 않고 있습니다.
네이버 실버라이트 카페를 알고 계신가요?
http://cafe.naver.com/mssilverlight
거기에 QuickStart 한글화 문서 등이 있으니, 참고하시면 좋을 듯 합네요. ^^
NASA와 Co-work 중인 휴즈플로우의 길버트 팀장! ㅋㅋ
멀리 보이는 우주인을 마우스 왼쪽 클릭 또는 마우스휠로 확대해 보세요.
우주인의 옷에서 Huge Flow 로고를 발견한 당신은, 'L'과 맞먹는 관찰력의 소유자! ^^
Deep Zoom Viewer Lite에 대한 자세한 내용은 여기에서 확인하세요.
위 작품(?)에 합성된 제사진은 지난 2월 시애틀에 교육을 받으러 갔을 때,
Boeing사의 Flight Museum(항공박물관)에서 찍은 사진입니다.
NASA 원본 사진의 출처 :
http://www.nasa.gov/multimedia/imagegallery/image_feature_1048.html
Trackback : http://gilverlight.net/trackback/2793
-
김밥 2008/03/27 11:01
하하.. 길복아, 네 사진 정말 귀엽게 나왔다!
-
-
-
길버트 2008/03/28 10:50
FullScreen 기능 넣는 것이야 어렵지 않은데,
MouseWheelHelper만 가지고는 FullScreen 모드에서
휠 이벤트가 발생하지 않는 단점이 있습니다. ^^
그래도 넣긴 할 겁니다. 기다려주세요^^
-
-
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 : http://gilverlight.net/trackback/2792
-
길버트 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를 볼 수 있다. 수고
원본 사진 저작권 & 출처 : (c)Tomo.Yun (www.yunphoto.net/ko/)
한 6년 전에 죽마고우들과 다녀왔던 하우스 텐 보스입니다.
yunphoto에 멋진 사진이 있길래 바로~ 겟!
Trackback : http://gilverlight.net/trackback/2791
화홍문의 모습입니다.
원본 사진 저작권 & 출처 : (c)Tomo.Yun (www.yunphoto.net/ko/)
오다이바 파노라마 모습입니다.
원본 사진 저작권 & 출처 : (c)Tomo.Yun (www.yunphoto.net/ko/)