MT管理画面でLightBoxを更新する方法
■仕様
MTヴァージョン4以降が必要
lightboxの2.0をインストールすることが必要
■テンプレート
下記のテンプレートを、MTの表示させたい箇所に記入します。
※指定のカテゴリに掲載する場合はモジュール化し、MTifタグで指定カテゴリのみに掲載が必要。
<MTAssets type="image" file_ext="jpg" lastn="20">
<MTAssetsHeader>
<ul class="imageList">
</MTAssetsHeader>
<li><$MTAssetThumbnailLink height="100" square="1" regex_replace='/>/',
'rel="lightbox[name]">'$></li>
<MTAssetsFooter>
</ul>
</MTAssetsFooter>
</MTAssets>
※height="100"部分で
サムネイル画像の高さを指定。
lastn="20"部分で掲載件数を指定
特にしていがない場合は多数の件数を記入
■lightboxの設置
通常と同じで、lightboxアップロード後
<link rel="stylesheet" href="アドレス/lightbox/css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="アドレス/lightbox/js/prototype.js"></script>
<script type="text/javascript" src="アドレス/lightbox/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="アドレス/lightbox/js/lightbox.js"></script>
にて、ヘッダモジュールにファイルを読み込み。
■lightboxのカスタマイズ
if (anchor.getAttribute("href") && (anchor.getAttribute("rel") == "lightbox")){
の箇所を
if (anchor.getAttribute("href") && anchor.getAttribute("href").match(/jpg$|gif$|png$/)){
に変更
上記の設定で設置が可能です。
lightboxのグループ化や、他のAjazxライブラリでは
現時点では使用できないので注意!






