Home > 特殊効果 > あらゆるページに拡大鏡を追加できる『Loupe.js』

あらゆるページに拡大鏡を追加できる『Loupe.js』

これはすごい。あらゆるページに拡大鏡を設置できるJavascriptです。

↑ こんな感じに拡大鏡を設置可能。

画像と簡単なスクリプトをインストールすればOKなようです。

追加するコードは以下のとおり。

まずはページのヘッド部分に以下を追加。

<script type="text/javascript" src="loupe.js"></script>

そして拡大鏡を追加したい画像にonLoadで以下を追加。

<div>
<img id="..." onLoad="initLoupe(this.id);" src="..." width="356" height="205" alt="...">
</div>

細かい写真などを見せたい場合に便利ですね。知っておくとよさそうです。

ダウンロードや詳しい使い方は以下をご覧ください。

Comments:2

ほげげ 07-05-02 (Wed) 3:07

おー、これ凄いですねぇ。
Xray Effectが特に面白い。アイデア次第で色々使えそうですねぇ。
しかしどうやってこういうの見つけるんだろう・・・

ズームできるんだ。。

すごいです。

あらゆるページに拡大鏡を追加できる『Loupe.js』
これはすごい。あらゆるページに拡大鏡を設置できるJavascriptです。
…

Trackback URL for this entry: http://www.simplexsimple.com/archives/2007/05/loupejs.html/trackback
Listed below are links to weblogs that reference: あらゆるページに拡大鏡を追加できる『Loupe.js』 from SIMPLE*SIMPLE ～ウェブ職人のための小粋なネタ帳～

Home > 特殊効果 > あらゆるページに拡大鏡を追加できる『Loupe.js』

検索

百式ジョブボード(求人情報）

人気の記事

Goodies

おすすめ商品

楽ワード

ケータイ会議４

過去記事アーカイブ

カテゴリー別

Return to page top