Web担当者ノート

MTOS4.26への導入テスト結果のメモ。

■導入テストJS
1.Lightbox
http://www.lokeshdhakar.com/projects/lightbox2/

2.Lightbox-jQuery-Plugin
http://leandrovieira.com/projects/jquery/lightbox/

3.Litebox（Lightboxの後継版）
http://www.doknowevil.net/litebox/

4.Lytebox（よく似たJS）
http://www.dolem.com/lytebox/

■テスト結果
1.はエラーで導入せず（jQueryとバッティング？）
2.は動作した（IE6のウインドが少し崩れてるが問題なし）
3.はIE6と7で動作しない（一瞬動きかけて、通常リンク）
4.もIE6と7で動作しない（同様）

「mt-enclosure-image」クラスの中にある< a>タグにlightBoxを適用。
JSの読み込み記述を以下のように指定すればMTが標準で書き出すhtmlそのままに、LightBox化が可能になり便利。

< script type="text/javascript" src="http://www.domain.com/js/jquery-lightbox/js/jquery.js">< /script>
< script type="text/javascript" src="http://www.domain.com/js/jquery-lightbox/js/jquery.lightbox-0.5.js">< /script>
< link rel="stylesheet" type="text/css" href="http://www.domain.com/js/jquery-lightbox/css/jquery.lightbox-0.5.css" media="screen" />

< script type="text/javascript">
$(function() {
$('.mt-enclosure-image a').lightBox();
});
< /script>

Via：http://cybermax.jp/2009/07/mt42-jquery-lightbox-plugin-2.html