highslideフォルダをサーバにアップロードする。
今回はサイト直下にアップしたので、その場合でソースを記述する。
ヘッダーに以下のものを追加
<script type="text/javascript" src="<$MTBlogURL$>highslide/highslide.js"></script>
<script type="text/javascript">
hs.graphicsDir = '<$MTBlogURL$>highslide/graphics/';
hs.outlineType = 'outer-glow';
</script>
上記のものは、サンプルのHTMLに記述してあるもの。
さらに、サンプルに書いてあるCSSを、自サイトのCSSに書き込む。
次に、MTのアプリを変更する。
/インストールディレクトリ/lib/MT/Asset/Image.pm
の301行~309行の
-------------------------------------------------------------
: MT->translate('View image');
$text = sprintf(
q|<a href="%s" onclick="window.open('%s','popup','width=%d,height=%d,scrollbars=no,resizable=no,
toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false">%s</a>|,
MT::Util::encode_html( $popup->url ),
MT::Util::encode_html( $popup->url ),
$asset->image_width,
$asset->image_height,
$link,
);
-------------------------------------------------------------
を
-------------------------------------------------------------
: MT->translate('View image');
$text = sprintf(
q|<a href="%s" class="highslide" onclick="return hs.expand(this)"><img alt="%s" src="%s" %s id="%s" %s /></a><div class='highslide-caption'id='caption-for-%s'></div>|,
MT::Util::encode_html( $asset->url ),
MT::Util::encode_html( $asset->label ),
MT::Util::encode_html( $asset->url ),
$dimensions,
MT::Util::encode_html( $asset->label ),
$wrap_style,
MT::Util::encode_html( $asset->label ),
);
-------------------------------------------------------------
にまるっと書き換えます。
以上、簡単にHighslideJS画像をアップすることが出来るようになります。
実装例は下記画像。

※このカスタマイズは、ファイルオプション画面で
すべてにチェックを入ないとだめみたいです。
※また、このカスタマイズだと、必要の無いサムネイル画像等が生成されます。
多分どっかサムネイルが生成されるソースをコメントアウトしなきゃだめみたい...