メモ　Movabletype4とThickbox連携とか

2007年11月15日

メモ　Movabletype4とThickbox連携とか

MT4にアップした画像にそのままリンクだと味気ないと思う今日この頃。
やろうと思って棚上げしてたThickboxの導入つか組み込み。
※ちなみにこのブログエンジンはMT4じゃーない。
事前準備：
1、MT4は普通に動くようにしとく。
2、Thickboxはダウンロードしとく（jsファイル2個、ロードバー画像1個、cssファイル1個）
調理開始：（あくまでオレの場合）
1、ロードバーは書き出しrootの/images内へアップ。
2、thickbox.jsの8行あたりをロードバーへのパスに変更。

var tb_pathToImage = “../images/loadingAnimation.gif”;

とか
3、jsはrootにjsフォルダ作ってそこにアップ。
4、cssはrootにアップ
5、mt/lib/MT/Asset/Image.pmの245行周辺をいじってタグとか入るようにする。

‘＜a href=”%s” class=”thickbox” title=”%s” rel=”group”＞＜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->label ),
MT::Util::encode_html( $thumb->url ),
$dimensions,
$wrap_style,
classはthickbox用で、titleは左下に出るように、relは記事内画像を前へ、後ろへってできるようにね。
titleはデータ引っ張って来るように、
MT::Util::encode_html( $asset->label ),
を248あたりに2連続で、一個目title用、二個目alt用みたいな。
あ、タグ生きちゃうから大文字全角とかつかてます。

とかとか。ポップアップじゃなくて埋め込みサムネイルからThickboxエフェクト？みたいな。
いちおこれで動いてるっぽい。