Movable Type アイテム画像をHighSlide JSでポップアップ

MT4のアイテム機能は使い方がいろいろで楽しいです
アイテムでアップロードした画像をサイドバーに表示させるのは、デフォルトテンプレートで可能です。
サイドバーに表示させたアイテム画像を開くと画像ファイルをそのままブラウザが開いてしまいますので、ブログ記事ページから移ってしまいます。

そこでHighSlide JSをテンプレートに組み込んでポップアップするようにしました。
やり方はけっこう簡単。

サンプルはこちら
ケツメマニア

HighSlide JSが既に組んであることが前提で、アイテムのテンプレートを以下に置き換えて再構築です。
HighSlide JSの組み方は小粋空間さんのサイトで詳しく載ってます。
http://www.koikikukan.com/archives/2007/01/18-005102.php

<mt:IfNonZero tag="AssetCount"> <mt:Assets type="image" lastn="10"> <mt:AssetsHeader> <div class="widget-recent-assets widget"> <h3 class="widget-header">アイテム</h3> <div class="widget-content"> <ul class="widget-list"> </mt:AssetsHeader> <li class="item"><a class="asset-image" href="<$mt:AssetURL$>" onclick="return hs.expand(this)" onkeypress="return hs.expand(this)"><img src="<$mt:AssetThumbnailURL height="70"$>" class="asset-img-thumb" alt="<$mt:AssetLabel$>" title="<$mt:AssetLabel$>" /></a></li> <mt:AssetsFooter> </ul> </div> </div> </mt:AssetsFooter> </mt:Assets> </mt:IfNonZero>