画像をクリックすると拡大するスクリプト -Highslide- LUNARAVE WEBクリエーターの仕事と休息/ウェブリブログ

画像をクリックすると拡大するスクリプト -Highslide-

<< 作成日時： 2007/09/07 12:40 >>

あるブログを見ていると縮小された画像があり、それをクリックすると画像がズームアップされるものを見つけた。

調べてみると、"Highslide"と呼ばれるオープンソースが使われていることがわかった。

　

ダウンロード先は海外のサイトだが、どうやらフリー版と有償版があるようだ。

和訳してみると、「個人のウェブサイトや学校サイト等の非営利の組織」であるなら無料利用が許される。
逆に有償の場合は「商業的なウェブサイト」とある。

では有償にするほどのスクリプトはどんなものかとダウンロードしてサンプルを見てみる。

下のサンプルは数種類ある中の一つだ。

　

まず縮小された画像が表示されるのでクリックする。

　

クリックと同時に画像は拡大をはじめる。

　

某マジシャンの耳にように大きくなってしまった。

大きくなった画像の下にはキャプションも表示される。

これと類似するスクリプトは他にもあるが、デザインがきれいなのとキャプションやスライドショータイプがあるのが良い。

ただ仕事で使うとなると有償なのでフリーの類似スクリプトを探すことになると思うが。