あらゆるページに拡大鏡を追加できる『Loupe.js』
May 2, 2007 12:00 AM written by

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

loupe.gif

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

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

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

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

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

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

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

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

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

» Loupe.js

この記事のトラックバックURL (トラックバックは承認後に公開されます)

ズームできるんだ。。

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

ズームできるんだ。。

今感じていること | 2007年05月28日 23:00

コメント一覧

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

by ほげげ | 2007年05月02日 03:07

コメント投稿 (コメントは承認後に公開されます)

名前
メールアドレス (表示されませんのでご安心を)
URL
情報保存?
コメント
※ Let's Add Value. Thank You.

クリエイティブ・コモンズ・ライセンス

ユーザビリティ向上支援ビービット
Usability tested by BeBit

Powered by
MovableType 3.34

Icons powered by famfamfam.

人気ブログランキング - 100SHIKI
ワード