ZOOMBOX.js

いわゆる lightbox 系の JavaScript ライブラリはいろいろありますが、回転・拡大・縮小のアニメーションを使ったものは少ないようなので作ってみました。 サムネイルをクリックすると、画像が360度回転しながら画面の中央に拡大表示されます。 サムネイルと実画像の縦横の比率は異なってもかまいません。テキストリンクにセットすることも可能です。 表示された画像またはリンクをもう一度クリックすると閉じます。

<a href="image/sample1.jpg" rel="zoombox">
<img src="image/sample1_thum.jpg" width="150" height="100" alt="">
</a>

CLICK HERE CLICK HERE

<a href="image/sample2.jpg" rel="zoombox"> CLICK HERE </a>

設置方法は header 末尾に 1行追加して読み込むだけです。これでページ内のどこでも何ヶ所でもセット出来るようになります。

<script src="zoombox.js"></script>

ダウンロードと使用条件

このスクリプトは私的な用途に限って無料でお使いいただけます。転売は禁止します。サポートは行いません。

Free for private and non commercial use.

download