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 ～ Web職人のための小粋なネタ帳

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

ブログ内検索

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

TwitterCounter

人気の記事

Powered by …

『IDEA*IDEA』のユーザビリティは、ユーザー中心のウェブサイト構築を手がけるビービット社によって検証・改善されています。

いろいろ

誠Biz.IDの「Webサービス図鑑」を応援中です！

人気の商品

楽ワード

モバイル版

最近の記事

カテゴリー一覧

過去記事一覧

Return to page top