無料でできるSEO対策やフリー素材、便利なASPなどをご紹介。映画のレビュー等日々の戯言も。

■仕様
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ライブラリでは
現時点では使用できないので注意！