WordPressでThickboxを使っていたので、Movable Type に鞍替えしたけど、やはりThickboxを使用。
Thickboxと同じような処理の出来るLIGHTBOXも有るんだけど、なぜThickboxを選んだかというと。
ネットを探せば、Movable Type 4にThickboxをインストールする方法は載っていますが、念のためにこのBLOGでも自分用もかねて記録として残してきます。
Thickboxと同じような処理の出来るLIGHTBOXも有るんだけど、なぜThickboxを選んだかというと。
- 殆どの記事には写真を1～2点しか使わない。
- ソースが楽
- WordPressから記事を写したのでThickboxのソースが記事の中に残っているため。
ネットを探せば、Movable Type 4にThickboxをインストールする方法は載っていますが、念のためにこのBLOGでも自分用もかねて記録として残してきます。
- Thickboxから下記ソースをダウンロード
- ファイルの階層は下記になります。（cubes2.net/weblog/で説明します。）
- loadingAnimation.gifはweblog/imagesに。（imagesホルダーは作ってください）
- jquery-latest.js、 thickbox.js、thickbox.css はweblog（第一階層）に設置。
- 次にMovable Type ソースにjavascriptを追加します。
- <script type="text/javascript" src="<$MTBlogURL$>jquery.js"></script>
- <script type="text/javascript" src="<$MTBlogURL$>thickbox.js"></script>
- 次にMovable Type ソースにcssを追加します。
- <link rel="stylesheet" href="<$MTBlogURL$>thickbox.css" type="text/css" media="all">
以上で埋め込みは完了。
あとは記事（エントリー）にThickboxを使用したいときは下記ソースを使います。
<a href="拡大画像階層" class="thickbox" title="拡大画像で表示させる文字"> <img src="元画像階層もしくはテキスト" title="お好きな言葉" /></a>
コメントする