29分でできる！ あのサイトの“技”を盗め ― 第2回
ステーキ丼をJavaScriptで美味しく拡大
2008年09月06日 04時00分更新
 |
|---|
| 「TJPzoom」は、作者tjpさんのWebサイトからダウンロードできます |
 |
|---|
| [1] TJPzoomのページの下にある「Download the tutorial」の文字をクリック |
 |
|---|
| [2] ダウンロードしたZIPファイルの中にある「tjpzoom.js」が今回使用するファイルです |
その名もズバリ「TJPzoom」がカンタン便利
画像を拡大表示するJavaScriptライブラリはいくつかありますが、今回は「TJPzoomライブラリ」を使いましょう。TJPzoomなら、I Want Of Thoseのような画像ズーム機能をわずか数分で手軽に実装できます。
ただ、このTJPzoomライブラリはInternet Explorer（以下IE）で動かした場合に若干の不具合があります。IE向けの不具合対策は最後に紹介するとして、とりあえずそのほかのブラウザーで表示されるようにしてみましょう。
まずはライブラリのダウンロードから
さっそくTJPzoomを使用するための準備から始めます。以下のURLからTJPzoomをダウンロードします（2008年9月時点でのバージョンは3）。
ページの下の方に、「Download the tutorial」というリンク文字があります。ダウンロードを開始するためリンクをクリックしましょう。 [1]
ダウンロードしたファイル（ZIP形式）を解凍すると（環境によっては自動的に解凍されることがあります）、いくつかのファイルやフォルダがありますが、今回は「tjpzoom.js」1つだけを使用します。 [2]
これで準備は完了です。次ページで実際のサイトに組み込んでみましょう。
この連載の記事
- 第26回 普通のtableタグを1行で動く表にするJSライブラリ
- 第25回 Googleマップ＋jQueryで作るAjaxなデザイン
- 第24回 英国の映像作家も使うJS製LavaLampメニュー
- 第23回 jQueryでクールなくるくるウィジェットを作ろう
- 第22回 Amazonと楽天のアフィリエイトを効率化するjQuery技
- 第21回 意外性が心地よいJSメニューのWebデザイン
- 第20回 jQueryで作るAmazon流リキッドレイアウト
- 第19回 Yahoo！の流れるパネルをJSライブラリで再現
- 第18回 あのFlashサイトのUIをjQueryで作る
- 第17回 JavaScriptでびゅんびゅんスライド！ページ切換法
- この連載の一覧へ
![Microsoft Windows7 Home Premium 64bit 日本語 DSP版 + メモリ [DVD-ROM]](http://ascii.jp/img/amazon_noimg70.gif "Microsoft Windows7 Home Premium 64bit 日本語 DSP版 + メモリ [DVD-ROM]")
