2006年07月08日 (土)

【Movable Type 移行記】その12

■画像のポップアップウインドウをカスタマイズ

小粋空間:
画像のポップアップウィンドウをカスタマイズする

Movable TypeではJavaScriptを利用した画像のポップアップ表示が可能ですが、デフォルトではウインドウのリサイズやスクロールが無効になっている為、ディスプレイサイズより大きい画像の場合、その全てを参照することが出来ません。

ポップアップウインドウのリサイズ、スクロールを有効にするには

[MTホーム] /lib/MT/App/CMS.pm

をカスタマイズします。Movable Type 3.2では3600行目辺りに該当。画面にスクロールバーを表示する設定「scrollbars=no」と、リサイズを可能にする設定「resizable=no」を、それぞれ「=yes」に書き換えます。

<a href="$url" 
onclick="window.open('$url','popup','width=$width,height=$height,scrollbars=yes,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0');
return false">$link</a>

また、スクロールバーを表示した場合、そのままだと画像が隠れてしまうので、横幅と高さを調整します。上記の行の少し上に「$width += xx;」「$height += xx;」を追加します。

}
$width += 17;
$height += 17;
my $link = $thumb ? qq(<img src="$thumb" width="$thumb_width" height="$thumb_height" alt="" />) : 
q{<MT_TRANS phrase="View image">};
return $app->translate_templatized(<<HTML);
<a href="$url"
onclick="window.open('$url','popup','width=$width,height=$height,scrollbars=yes,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0');
return false">$link</a>

なお、これはアップグレードの度に修正が必要なカスタマイズなので、要注意とのこと。


その他、シックスアパート「日本語版プラグイン・ディレクトリ」にも掲載されているプライグインを2つ追加しました。

Recently pinged on Plugin

MTEntriesコンテナ・タグに、recently_commented_onオプションのトラックバック版ともいえる、recently_pinged_onオプションを追加します。このオプションを使うことにより、「最近トラックバックを受信したエントリ」の一覧を表示することができます。

既存のMTタグにオプションを追加することで活用できる便利なプラグイン。「Recent Trackback」がすっきりとしました。

mt link number

コメントに連番を振ることができるようになります。また「>>番号」と言った形式のコメントを自動で「<a href="#番号">>>番号</a>」に変換することで、番号指定参照を実現します。

O.Z.K.は基本的にコメントが付かないブログなので恩恵に与る機会は少ないと思いますが、アンカー“>>”でのレス指定が可能になっています。

ARCHIVES

  • Browse All Archives [1746] »

RECENT ENTRIES