LightboxJSのエントリーアーカイブでの不具合
以前からちょっと気になってはいたのですがLightboxJSがエントリーアーカイブで正常に動作していない・・orz... このブログ更新も最近少々手抜きだったので（いつもご覧頂いている方すいません＾＾；）そのまま放置していたのですが、さすがに放置はまずいと・・探してみると小粋空間さんに修正方法が出ていたのでご紹介します。
関連記事：「Lightbox.jsで画像を表示とアップロードの編集」
１．Lightbox.jsの修正
Lightbox.jsの38～39行目にブログのアドレスを追加します。
修正前：
var loadingImage = 'loading.gif';
var closeButton = 'close.gif';
修正後：
var loadingImage = 'http://xxxx.jp/loading.gif';
var closeButton = 'http://xxxx.jp/close.gif';
２．スタイルシートの修正
Lightboxのスタイルシートのoverlay.pngのパスにブログのアドレスを追加します。これはIEでoverlay.pngが正しく表示させるためです。
#overlay{ background-image: url(http://xxxx.jp/overlay.png); }
* html #overlay{
background-color: #000;
background-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://xxxx.jp/overlay.png", sizingMethod="scale");
}
styles-site.cssで指定している場合は、<$MTBlogURL$>overlay.png としても動作します。
３．エントリーアーカイブの修正
最後にエントリーアーカイブを修正します。まず下記の赤い部分を削除します。
<body class="layout・・・ individual-entry-archive" onload="individualArchivesOnLoad(commenter_name);>
次にエントリーアーカイブの最後に下記を追加します。
<script type="text/javascript">
<!--
individualArchivesOnLoad(commenter_name);
//-->
</script>
修正が終わったら再構築して終了です。
Recent Comments