July 2008アーカイブ

画像の拡大表示JavaScriptであるThickBox 3.1を当ブログに設置しました。

参照

• ThickBox 3.1
• Movable Type備忘録 > jQueryでLightbox風な表示やってみる(ThickBox)

設置方法

ファイルのダウンロード

ThickBox 3.1から下記ファイルをダウンロード

• thickbox.js(お好みでthickbox-compressd.jsをダウンロード・リネーム)
• thickbox.css
• loadingAnimation.gif
• jquery.js(jquery-latest.jsをリネーム.お好みでjquery-latest.pack.jsをダウンロード・リネーム)

ディレクトリ構成を決定

Movable Type備忘録のbizbell氏に習い、下図の構成に決定。

thickbox.jsの編集

ディレクトリ構成を元に、[tb_pathToImage]のパス指定を編集(絶対参照で指定してしまいました)。

ファイルのアップロード

ディレクトリ構成に従い、4ファイルをアップロード

テンプレートの編集

Movable Typeの管理画面より[ヘッダー・テンプレート]のhtml要素内に下記項目を追加して保存。

<link rel="stylesheet" href="<$MTBlogURL$>js/jquery/plugins/css/thickbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="<$MTBlogURL$>js/jquery/jquery.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>js/jquery/plugins/thickbox.js">

投稿記事での使い方

画像が1ファイルの場合

<a href="filePath/fileName.png" class="thickbox" title="sample01"><img src="filePath/thumbnailfileName.png" alt="" /></a>

class属性の指定で、thickboxが機能します。title属性の値が画像のキャプションになります。

画像が複数ファイルの場合

<a href="filePath/fileName.png" rel="sample" class="thickbox" title="sample01"><img src="filePath/thumbnailFileName.png" alt="" /></a>

class属性の指定に加え、rel属性を追加します。同じrel属性が指定されているa要素は同じグループ扱いになります。

サンプル

Superflyも強く影響を受けたアーティスト、Janis Joplinのベスト盤です。

決して器量よしとは言えないJanisですが、彼女を教えてくれた友人は、「このアルバムジャケットの笑顔だけは、かわいいんだよな」と言っていました。

夭折のアーティストですが、その生涯は彼女をモデルとした映画「ローズ」を見る限り、孤独な人生だったようです。この映画ではなく、本人のスタジオ内の様子を撮影した映像を見たことがあり、どのバンド時代の映像か覚えていないのですが、バンドのメンバーにボロクソに言われているシーンが強烈に記憶に残っています。

お気に入りは、スタンダードナンバーのTr.2 Summertimeです。

• Wikipedia > ジャニス・ジョプリン
• Buy from amazon.co.jp: Janis Joplin / Janis Joplin's Greatest Hits
• Wikipedia > サマータイム(楽曲)

公開1週間後に妻と見てきました。普段利用しているシネコンでは、中規模のシアターで上映されていました。本を読まない人間なので、当然原作は知らないのですが、たまたま佐藤浩市さん主演で放送されたNHKドラマの前半のみを見ており、中途半端な気持ちでいたこともあって、予告編を見て以来、楽しみにしていた作品でした。

私も妻も実際の事件が起こった当時をよく記憶している世代でしたから、自分の記憶と重ねながら見ていました。つらく悲しい事件を題材としているのですが、登山シーンが挿入されることによって、救われた気がします。

• 映画『クライマーズ・ハイ』公式サイト
• ウィキペディア > クライマーズ・ハイ