シンプルな画像拡大スクリプト「FancyZoom」

画像を拡大表示させるJavascriptは数あれど、これほどシンプルなものはないのではないか？と思われるのが「FancyZoom」です。

デモの確認とソースのダウンロードは下記のサイトから。
cabel.name: FancyZoom 1.1

2008年2月8日に1.1にバージョンアップしたようです。

使い方はいたってシンプル。
ダウンロードしてきたスクリプトにリンクを貼ります。

bodyタグにonloadで読み込み。

あとはサムネールの画像のimgタグにアンカータグで拡大画像へリンクを貼るだけ。

画像から画像へのリンクは全てスクリプトが効きます。
他の画像拡大スクリプトのように、適用したい画像に記述を追加するのではなく、「適用したくない画像」にだけ、スクリプトを記述します。

rel="nozoom"

この記述を追加すれば、画像拡大しません。
title属性で画像のキャプションもつけることができます。