1. HOME
  2. BLOG
  3. 拡大しても奇麗だZoo!〜 Zoomifyer
BLOG

拡大しても奇麗だZoo!〜 Zoomifyer

BLOG

312

Zoomifyer
Zoomifyerは大きな画像をweb上で公開出来るすぐれもののツール。
使い方は、ほんと簡単!

まずは、開発元Zoomify, Incのサイトから、無料版”Zoomifyer EZ“をダウンロード

[STEP-1]
zoomify
変換したいイメージ(例:sample.jpg)を”Zoomifyer EZ”にドラッグ&ドロップします。そうすると、変換前のイメージと同じ階層に同名のフォルダ(例:sample)が生成されます。このフォルダと同位置に”zoomifyViewer.swf”、”Template.htm”を置きます。

[STEP-2]
次に、”Template.htm”をテキストエディタ等で開き、EMBED、OBJECTタグ内のパスを、生成されたフォルダ名(例:sample)に書き換えます。
—————————————————————————————————-
<OBJECT CLASSID=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ CODEBASE=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0″ WIDTH=”750″ HEIGHT=”450″ ID=”theMovie”>
<PARAM NAME=”FlashVars” VALUE=”zoomifyImagePath=sample“>
<PARAM NAME=”MENU” VALUE=”FALSE”>
<PARAM NAME=”SRC” VALUE=”zoomifyViewer.swf”>
<EMBED FlashVars=”zoomifyImagePath=sample” SRC=”zoomifyViewer.swf” MENU=”false” PLUGINSPAGE=”http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash” WIDTH=”750″ HEIGHT=”450″ NAME=”theMovie”></EMBED>
</OBJECT>
—————————————————————————————————-
初期状態では、”http://www.zoomify.com/contact/test/”となっているので、ここを、今回の例では”sample”と書き換えます(2カ所有り)。

[STEP-3]
あとは、サーバーにアップするだけ。
今回の例では、以下の3つのファイル&フォルダです。
zoomifyViewer.swf、Template.htm、sampleフォルダ

私の使っているのは無料版のZoomifyer EZ。
Flashで出来ているようで、プログラム的のはActionScriptで書かれてるんでしょうね、多分。
有料版のZoomifyer FlashやZoomifyer Enterpriseは、
豊富なオプションが付加されているようです。使ってみたいな。。。

修正(2007.08.25)
Zoomifyサイトへのリンクが切れていたため修正

  1. kaneko-ad

    住む街の詳細な空撮写真を入手したら面白いことが出来そうですね。

  2. keiji

    kaneko-adさん、こんにちは、横谷です。
    まさに、Googleの新しいサービスGoogle Mapですよね。
    http://maps.google.com/

    現状では、日本での詳細画像は首都圏だけですが、
    そのうち、佐渡のkaneko-adさん宅も見えたりして。。。

  3. kaneko-ad

    横谷さんは常に新しい情報を勉強してますね。感心します。私はズボラなもので、こちらのブログか、にのみやさんのQTVR Diaryの二つを巡回して情報を頂いています。お世話様です。

  4. keiji

    kaneko-adさん、いつも有り難うございます。
    今回、改めてGoogle Mapsを見てみたら、私の事務所が見えました(地図の中心付近)。
    http://maps.google.com/maps?q=tokyo&ll=35.636112,139.514024&spn=0.008307,0.008664&t=k&hl=en
    衛星写真の精度が上がると顔まで見えるのかな。
    楽しいような、怖いような。。。

  1. この記事へのトラックバックはありません。

PickUp