×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
閲覧はFireFoxで。
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
画像を綺麗に表示させたいなぁ、ということでやってみます。
今回お世話になるのはこちら↓
Lightbox 2
⇒http://www.huddletogether.com/projects/lightbox2/
上記ページから「Lightbox」のキットをダウンロード。
解凍後、添付の画像をアップロード。
JavaScriptファイルを3つ程アップロード。
但し、その際「lightbox.js」内の画像のパスを先程アップロードしたパスに書き換えておく。
テンプレートの<HEAD>～</HEAD>に下記コードを記述。（階層の構成が判らなかったのでとりあえずフルパスで）
テンプレートのCSSの欄に「lightbox.css」の中身を丸ごとコピぺ
こちらも画像のパスをアップロードした画像のパスに書き換えておく。
テストとして下記コードを記述。
それがこちらです→
画像をグループ化する為には・・
と、記述すればよさそうです。
近いうちに使ってみます。
JavaScriptを使って画像を綺麗に表示させるのにも様々な種類があります。
JavaScriptライブラリ/画像・HTMLポップアップ表示 - JavaScriptist
⇒http://javascriptist.net/docs/libraries_lightbox.html
Highslide JS-サムネール画像を拡大表示するスマートなjavascript - WEBデザイン BLOG
⇒http://weblibrary.s224.xrea.com/weblog/webdesign/javascript_high.html
テクノラティ：タグ
⇒JavaScript,カスタマイズ
