[Ajax]jQueryとThickBoxを使った画像拡大
November 14, 2007
ひとつ前のエントリーでjQueryライブラリを使ったので使い方をメモ。
サムネイルをクリックすると、画像が拡大表示します。
（どうやらSWFObject使って表示した（2007/11/14追記 勘違いSWFObject使ってなかった。）swfが、Ajax使って表示した画像より上のレイヤーに来てしまうみたい。未解決解決）
ライブラリのダウンロード
１.jQueryサイトからjquery.jsをダウンロード
２.TickBoxサイトからthickbox.js、ThickBox.cssをダウンロード
ライブラリの利用手順
１.サムネイル画像と拡大画像を用意
２.htmlの<head>〜</head>内にダウンロードしたファイルをセッティング
<script type="text/javascript" src="jquery.js"></script>
<link rel="stylesheet" href="thickbox.css" type="text/css" media="all" />
<script type="text/javascript" src="thickbox.js"></script><a href="（拡大画像のURL）" class="thickbox"><img src="（サムネイル画像のURL）" alt="" /></a>カテゴリー:
タグ:
Posted by scratchbrain at November 14, 2007 3:07 AM
Trackback
Trackback URL for this entry:
