簡単に画像を拡大できるjavascript「Thumbnoo」 : skuare.net

簡単に画像を拡大できるjavascript「Thumbnoo」

2007

11/16

ギャラリー系javascriptでは、拡大用とサムネイル用の画像2種類を必要とする場合があります。
しかし、いちいち作成していてはサーバー容量があっという間に満杯になってしまいます。
Thumbnooはサムネイルいらずで簡単に画像を拡大させることができます。

使用方法
Thumbnooからthumbnoo.jsを、mootoolsからmootools.jsをダウンロードします。
<script type="text/javascript" src="http://yourdomain/mootools.js"></script> <script type="text/javascript" src="http://yourdomain/thumbnoo.js"></script>
上記を埋め込んだら、画像を以下のように記述すれば完成です。
<img src="画像パス" width="表示用の画像幅" height="表示用の画像高さ" class="thumbnoo h:拡大用の画像高さ w:拡大用の画像幅">
簡単に画像を拡大できるjavascript「Thumbnoo」サンプル