どうでしょう、クリックするとニョロって画像出たかしら。
イマイチ希望のものとは違うんだけど、
どうかなって導入してみました。
(てか、配布元と一緒にならない地点で萎え気味ですが。。。)
やっとこ希望通りのものに仕上がりましたヾ(≧∇≦)〃(追記)
参考サイトサマ
evolbirdサマのエントリー
親切に公式サイトからの落とし方もありますが、
参考サイトサマで二次配布してくれていたのでバッチリでした^^
最初は上記のものにしたんですが、公式サイトを見たら2が出ていたのでそちらに変更。
1)公式サイトのこちらでlightbox2.02をDL
2)解凍したのちサーバーの分かりやすい場所にUP(他のcssやjsと同じ位置にしました)
3)<head>内に
<link rel="stylesheet" href="<$MTBlogURL$>css/lightbox.css" type="text/css" media="screen" />
と
<script type="text/javascript" src="<$MTBlogURL$>js/prototype.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="<$MTBlogURL$>js/lightbox.js"></script>
を記述しました。
どうも画像のリンクがうまくいかなかったので、サイトにもあるように
lightbox.cssとlightbox.jsの画像リンク部分を修正。
4)画像をエントリーに張るときに
<a href="images.jpg" rel="lightbox" title="my caption">image</a>
の、ように rel="lightbox"を追記すればOKな訳です。
無事反映できました。
でも3カラムだから写真が大きいとうざったい罠が・・・w
≪ 続きを隠す