管理人の気まま日記

　　古い日記は　こちら　　　since 2004.1.31

Lightbox

家人が書いているブログにLightboxを入れてあげることに。

最新バージョンをダウンロードしてきます。

http://lokeshdhakar.com/projects/lightbox2/

解凍して、lightbox.jsをテキストエディタで開きます。

http://www.●●●●●●●●/lightbox/images/ を

書き換えます。

ブログのＵＲＬではなく、サーバーのＵＲＬを入れます。

フォルダ
・css
・images
・js
ファイル
・index.html

を家人が使っているさくらサーバーの

/home/ユーザー名/sblo_files/ブログ名/の配下にアップします。

ヘッダーに以下の行を追加します。

＜link rel="stylesheet" href="http://*****/lightbox/css/lightbox.css" type="text/css" media="screen"＞
＜script type="text/javascript" src="http://*****/lightbox/js/prototype.js"＞＜/script＞

＜script type="text/javascript" src="http://*****/lightbox/js/scriptaculous.js?load=effects,builder"＞＜/script＞
＜script type="text/javascript" src="http://*****/lightbox/js/lightbox.js"＞＜/script＞

*****部分は自分の環境に合わせて記述します。

ところがprototype.jsがバージョンが合わないのかIE９で

画面が黒くなってしまいます。

prototype.jpは最新バージョンをこちらからダウンロードします。

http://www.prototypejs.org/

これを、http://*****/lightbox/js/に上書きします。

これで完了です。

写真をアップするとき、rel="lightbox" title="タイトル"を

書き足すだけです。

そうすると、こんな感じになります。

2012年02月29日（水） No.884 (日記)

Comment(0)

Name
E-Mail
URL
感想	1000文字まで
Icon	Icon

<<2012年02月>>
日	月	火	水	木	金	土
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29

Lightbox

この記事へのコメントは以下のフォームからどうぞ