>

Home 101Blog Archive Internet Zoomify
Internet

Zoomify

  • 2005年4月26日
  • コメント(0)
  • トラックバック(0)

以前エントリーした「101Blog: ブレードランナー」を読んで、学生の方からメール。Zoomifyに興味を持ったので、使い方を教えて欲しいとのことですので、簡単な利用方法をアップします。僕も詳しくないんですけどね。

Zoomify 」のページから試用簡易版の「Zoomifyer EZ」をダウンロードします。
Mac版だと中身は

  • Quick Start.htm
  • Template.htm
  • Zoomifyer EZ
  • zoomifyViewer.swf

の4つです。

まずは、表示したい元画像をZoomifyer EZにドラッグ&ドロップします。jpegの他、PSDファイルもOKです。
すると元画像と同じ階層に同名のフォルダが作成されて、中に

  • ImageProperties.xml
  • TileGroup0

というXMLファイルと分割された画像が入ったフォルダが作成されます。

同名のフォルダを(名前は任意に変更)アップロードします。同様に、「zoomifyViewer.swf」も任意の場所にアップロード。表示したいWebページに

<object id="theMovie" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="最初に表示したい画像の高さ" width="最初に表示したい画像の幅">
<param name="FlashVars" value="zoomifyImagePath=http://アップロードした画像とXMLを含むフォルダのパス/&zoomifyX=0.0
&zoomifyY=0.0&zoomifyZoom=-1&zoomifyToolbar=1&zoomifyNavWindow=1" />
<param name="MENU" value="FALSE" />

<param name="SRC" value="http://アップロードした「zoomifyViewer.swf」のパス/zoomifyViewer.swf" />
<embed FlashVars="zoomifyImagePath=http://アップロードした画像とXMLを含むフォルダのパス/&zoomifyX=0.0&zoomifyY=0.0&zoomifyZoom=-1&zoomifyToolbar=1&zoomifyNavWindow=1" height="最初に表示したい画像の高さ" name="theMovie" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" src="http://アップロードした「zoomifyViewer.swf」のパス/zoomifyViewer.swf" MENU="false" width="最初に表示したい画像の幅"></embed>
</object>
<p align="center"><font size="1" color="#1A4658" face="arial">Powered by <a href="http://www.zoomify.com/" target="_blank">Zoomify</a></font></p>

と書き込めばOKです。オプションの設定はQuick Start.htmに記載されています。楽しんで下さい :-)

コメントを書く

トラックバック(0)(クリック▼)

トラックバックURL

石割桜101Blogパーソナルでありながらパブリック(1)

最近のエントリー

月別アーカイブ

ページの先頭に戻る