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

このエントリーをはてなブックマークに追加

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

使用方法
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」サンプル

sponsors

コメントする

記事作成:
記事URL:

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