超シンプルなjQueryのイメージビューアプラグイン m5ImageViewer

色々オプション付けてもいいけど、とりあえず公開時は全部とったろーと思いまして。最小構成のイメージビューアなjQueryプラグインです。その場でチラッと見せたいときに使えるかも。

高機能なやつは探せばいくらでも出ると思うので、たくさん機能ほしい人はそっち使えばいいと思います。

サンプル

ダウンロード

ダウンロードはgithubからどぞー

必要なファイルを読み込む

jQueryとm5ImageViewer.js、m5ImageViewer.cssを読み込みます。

<link rel="stylesheet" href="m5ImageViewer/css/m5ImageViewer.css">
<script src="js/jquery.js"></script>
<script src="js/m5ImageViewer.js"></script>

任意の要素に対して実行する

画像を指定したa要素にimg要素が入っている要素に対して実行します。これ以外の要素構成は想定していません。

HTML

<a class="m5ImageViewer" href="http://farm6.static.flickr.com/5297/5428556190_6b17a2dddc_m.jpg">
  <img src="http://farm6.static.flickr.com/5297/5428556190_6b17a2dddc_t.jpg">
</a>

JS

jQuery(function($) {
  $("a.m5ImageViewer").m5ImageViewer();
});

オプション

いまのところオプションは画像拡大時のdurationだけです。コールバックすらありませんよ

項目	値
duration	(def – 200

捕捉

特に特別な機能があるわけでもないし、便利かっていうとそうでもないんですけどね。。