Zoomifyを試してみた
画像をズームして表示してくれるツール「Zoomfy」の無料版を試してみました。
手順１：ソフトをダウンロードしてきて解凍します。その中のZoomify Converterに画像をDrag & Drop すると、画像を分割したイメージフォルダが作られます。
手順２：ダウンロードしたファイルの中のTemplateWebPage.htmをエディタで開いて、zoomifyImagePath=ZoomifyImageExample の ZoomifyImageExample 部分を手順３でサイトにアップロードするイメージフォルダのフォルダパスに変更します。２か所あります。また、必要に応じて、SRC="ZoomifyViewer.swf" のZoomifyViewer.swf を手順３でサイトにアップロードするZoomifyViewer.swfのパスに変更します。たとえば、http://aaaa/bbbb/ZoomifyViewer.swfという感じ。
手順３：手順１で作られたイメージフォルダとZoomifyViewer.swfをサイトにアップロードします。また手順２で編集したTemplateWebPage.htmを必要に応じて、index.htm などにリネームしてアップロードします。
以上で、アップロードしたサイトにアクセスすると、以下のような感じで、画像をズーム表示するサイトができあがります。
花の写真
また、TemplateWebPage.htm の内容を書き込むことで、以下のようにブログ内に表示させることもできます。下記は大きさなども変更しています。
ちょっと手順が面倒で、誰でも使えるというわけではありませんが、
なかなか面白いツールだと思います。
ほら、こんなところに虫さん発見！
（これはキャプチャ画像です。）
手順１：ソフトをダウンロードしてきて解凍します。その中のZoomify Converterに画像をDrag & Drop すると、画像を分割したイメージフォルダが作られます。
手順２：ダウンロードしたファイルの中のTemplateWebPage.htmをエディタで開いて、zoomifyImagePath=ZoomifyImageExample の ZoomifyImageExample 部分を手順３でサイトにアップロードするイメージフォルダのフォルダパスに変更します。２か所あります。また、必要に応じて、SRC="ZoomifyViewer.swf" のZoomifyViewer.swf を手順３でサイトにアップロードするZoomifyViewer.swfのパスに変更します。たとえば、http://aaaa/bbbb/ZoomifyViewer.swfという感じ。
手順３：手順１で作られたイメージフォルダとZoomifyViewer.swfをサイトにアップロードします。また手順２で編集したTemplateWebPage.htmを必要に応じて、index.htm などにリネームしてアップロードします。
以上で、アップロードしたサイトにアクセスすると、以下のような感じで、画像をズーム表示するサイトができあがります。
花の写真
また、TemplateWebPage.htm の内容を書き込むことで、以下のようにブログ内に表示させることもできます。下記は大きさなども変更しています。
| Powered by Zoomify |
ちょっと手順が面倒で、誰でも使えるというわけではありませんが、
なかなか面白いツールだと思います。
ほら、こんなところに虫さん発見！
（これはキャプチャ画像です。）
Comments