リズナ from '戦国ランス'
マジックは特に要望無かったのでお蔵入り～。
豊満な胸をムニッ！で。
絵クリックで拡大表示。
独断と偏見とでお送りする韓国リポートはまた今度コッソリとアップする予定。
おおむね楽しかったです。
さて今回のお題は'Litebox 1.0'。
以前に取り上げた'Lightbox v2.0'の後継...とゆーか、同機能を備えた軽量版のような物。
'Lightbox v2.0'はどうも'Opera'で動作怪しいので入れ替えなのだ。
早速'Web Diary Professional'で導入してみましょー。
▼ ファイルをDLして解凍
公式サイトの'DOWNLOAD'からファイルをGet。
解凍した物の内、以下のファイルを'skin'フォルダ配下に置く。
css/lightbox.css
images/blank.gif
images/closelabel.gif
images/loading.gif
images/nextlabel.gif
images/prevlabel.gif
js/prototype.lite.js
js/moo.fx.js
js/litebox-1.0.js
▼ skin/js/litebox-1.0.js
23、24行目あたりにあるフォルダ設定を以下のように変更する。(文字コードに注意)
var fileLoadingImage = "skin/images/loading.gif";
var fileBottomNavCloseImage = "skin/images/closelabel.gif";▼ skin/header.html
①<head>～</head>の間に以下を記述する。
「<script type="text/javascript" src="${INFO_URL}skin/common.js"></script>」の下あたりがGoo。
<link rel="stylesheet" href="${INFO_URL}skin/css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="${INFO_URL}skin/js/prototype.lite.js"></script>
<script type="text/javascript" src="${INFO_URL}skin/js/moo.fx.js"></script>
<script type="text/javascript" src="${INFO_URL}skin/js/litebox-1.0.js"></script>②<body>タグを以下のよーに変更する。
<body onload="initLightbox()"> これで準備は完了。
サーバーにアップ～。
▼ 記事を書く時に
<a href="images/hogehoge.jpg" rel="lightbox" title="hogehoge">
<img src="images/thumb_hogehoge.jpg" width="100" height="40" alt="hogehoge" />
</a> みたぃな感じで<a>タグに'rel'要素を付加してあげればＯＫ。
動作自体は'Lightbox v2.0'と同じく上の絵をクリックしたよーな動作になる。
ちなみに一々'rel'要素を手で打つのが面倒だとゆーヒトは'lib/webliberty/App/Diary.pm'を編集して'rel'要素を自動付与すると楽。
このやり方は'Lightbox v2.0'と同じなので割愛。
【追記】
WDPのアップデートにより、モジュールに変更入った模様。
新モジュールでrel自動付与する方法は下記参照。
→「アップロード画像に「rel="lightbox"」を自動付与する for WDP v4.57」
＞休み
あー、ここ最近我らが絶対神の布団の神への
お祈りが足りていない状態が続いてまして(ﾃﾍｯ
今週あたりからちょこちょこと休みだして４月は
まるまる、合計４０日ぐらいですか。
・・・人生のバカンスにはちと短い、かなｗ
＞感想
いえいえ、駄文で申し訳ないばっかりですｗ
続きはまたお会いした時にでもｗ
新しいトコが５月１日からなんでＣｏｍｉｃ１は今のトコ
「欠」の予定(苦笑
別にあのイベントにコワくて近寄れないなんて・・・ｿﾝﾅｿﾝﾅｗ
ですんで５月のティアになりますね。
奇遇なことに「ＡＲＩＡカーニバル」も開催されている
みたいですけど・・・・・・・・だれの陰謀？(ボソッ
＞巌静の行動分析
人は神から役割を受けて生を授かります。
巌氏の場合・・・もはや神？w(ネタと欲望の)
＞Ｔｙｐｅ－Ｒ
買いました？アレはおもしろいよ～ｗ
by あみーご | Commented : 2007/03/13 02:47 EDIT・DEL