- 2007-04-26 (木) 23:49
- ＭｏｖａｂｌｅＴｙｐｅ
久しぶりに、「Ｍｏｖａｂｌｅ Ｔｙｐｅ」をカスタマイズしてみました。
結果、写真ブログの「ｉｎｄｉｇｏ ｂｌｕｅ」がよりアクティブになったと思います。
写真をクリックすると、大きな画像が表示できるようになりました。
更にその大きくなった画像を（ブラウザ内で）ドラッグすることも出来ます（あまり意味はありませんが）。
という、Java Scriptを利用して実現しています。
・スタイルシートの修正
・各テンプレートの修正
はあたりまえのように行ってますが、
このスクリプトをより便利に利用させて頂くために、ＭＴのソース「CMS.pm」の修正も実施しています。
if ($thumb) {
# return ＜＜HTML;
#＜a href=”$url”＞＜img alt=”$fname” src=”$thumb” width=”$thumb_width” height=”$thumb_height” /＞＜/a＞
#HTML
#— add for Highslide JS —
my $fname4id = $fname;
$fname4id =~ s/\./\_/g;
return <<"HTML"; ＜a id="$fname4id" href="$url" class="highslide" onclick="return hs.expand(this)"＞＜img src="$thumb" alt="$fname" title="Click to enlarge" width="$thumb_width" height="$thumb_height" border="0" /＞＜/a＞＜div class="highslide-caption" id="caption-for-$fname4id"＞ ここに表題など ＜/div＞ HTML #------------------------- } else {
↑ ＜＞は、全角で表記してますが、当然半角に要変更です。
すでに、ＭＴ ３．３５ｊａのリリースもアナウンスされてますし、こういう泥臭い加筆をしてしまうと、
バージョンアップ後、手作業による再修正が必要となる事が玉にきずですが・・・。
まあ、いろいろ書きましたが気に入ってます。
- Newer: 2007 GW 1st
- Older: 大國主命・事代主命