画像をかっこよく表示してくれる Lightbox2設置方法
- ダウンロード&アップロード
- テンプレートのヘッダを編集
<link rel="stylesheet" href="<$MTBlogURL$>/lightbox.cssへのパス" type="text/css" media="screen" /><script type="text/javascript" src="<$MTBlogURL$>/prototype.jsへのパス"></script> <script type="text/javascript" src="<$MTBlogURL$>/scriptaculous.jsへのパス?load=effects"></script> <script type="text/javascript" src="<$MTBlogURL$>/lightbox.jsへのパス"></script>※ 赤字は要修正
- lightbox.js を修正
line 65,204の loading.gif の設置場所を指定
line 66,217の closelabel.gifの設置場所を指定
65行目:var fileLoadingImage = "http://ブログのURL/lightboxディレクトリへのパス/images/loading.gif"; 66行目:var fileBottomNavCloseImage = "http://ブログのURL/lightboxディレクトリへのパス/images/closelabel.gif"; 204行目:<img src="http://ブログのURL/lightboxディレクトリへのパス/images/loading.gif"> 217行目:<img src="http://ブログのURL/lightboxディレクトリへのパス/images/close.gif">※ 赤字は要修正
MT4 への Lightbox2 設定方法の全文を読む
ブログ記事の作成画面より、「確認」ボタンを押した後の確認画面が「404 Not Found」になる現象。
FTP でサーバのファイル一覧を覗くと、プレビュー用のファイルはきちんと作成されていた。
原因はプレビュー画面での「iframe」でのパスが間違っており、試しにプレビュー用のファイルへのパスへアクセスすると、きちんと確認画面が表示された。
下記のソースを<head>~</head>内に挿入することで、IE6 以下などのブラウザでも IE7 などのWeb標準に準拠(ある程度)した表示をさせてくれる、すばらしいライブラリ。
(IE7と同じような xhtml/css の解釈をしてくれる)
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/xx.x/IE7.js" type="text/javascript"></script>
<![endif]-->
※赤字の部分を現在のバージョン「2.0(beta)」に変更(2008/1/12現在)
バージョンでわかる通り、今のところ ベータ