MT4で画像挿入出力タグを Lightbox 対応
Movable Type4.1でLightbox対応にカスタマイズします。
mt/lib/MT/Asset/Image.pm をカスタマイズして、エントリー時の「画像を挿入」で出力されるタグに 「rel="lightbox[01]"」を付加します。
Lightbox2 をインストールします。
【サムネイルあり】mt/lib/MT/Asset/Image.pm 246 行目
# '<a href="%s"><img alt="%s" src="%s" %s %s /></a>',
'<a href="%s" rel="lightbox[01]"><img alt="%s" src="%s" %s %s /></a>',
赤い字の行をコメント( # )にして追加します。
【サムネイルなし】mt/lib/MT/Asset/Image.pm 256 行目
my $thumb_width = $param->{thumb_width};
my $scale = $asset->image_width / $thumb_width;
$dimensions = sprintf(
'width="%s" height="%s"',
(( $asset->image_width / $scale, $asset->image_height / $scale ))
);
$text = sprintf(
# '<img alt="%s" src="%s" %s %s/>',
# MT::Util::encode_html( $asset->label ),
# MT::Util::encode_html( $asset->url ),
'<a href="%s" rel="lightbox[01]"><img alt="%s" src="%s" %s %s /></a>',
MT::Util::encode_html( $asset->url ),
MT::Util::encode_html( $asset->label ),
MT::Util::encode_html( $asset->url ),
$dimensions, $wrap_style,
);
赤い字の行をコメント( # )にして、追加します。
サムネイルを使用しない場合、通常では元イメージのサイズで表示されます。
アップロード完了です。
