町家カフェ・ホームページ制作・京都 ダバダバ HOME >  ホームページ制作備忘録 > MT4で画像挿入出力タグを Lightbox 対応

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,
);


赤い字の行をコメント( # )にして、追加します。
サムネイルを使用しない場合、通常では元イメージのサイズで表示されます。

アップロード完了です。

画像を挿入で出力されるタグを Lightbox 対応にする

Track Back

http://dabadaba.jp/mt520/mt-tb.cgi/2103

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)