Categories: このサイト

Liteboxを入れてみた

 が,当ブログには合わなかったので,元に戻しました。これだけでは何のことか分からないので,少し解説を。

 「Litebox」とは,サイトにアップした写真の原寸表示と,背景の暗転を同時にやってくれるJavaScriptです。作者さんのサイトにサンプルがありますので,クリックしてみてください。写真を拡大する時の動きに高級感があります。
Litebox|http://www.doknowevil.net/litebox/

 当ブログでは,ほぼ同じ効果を持つ「pictlayer」というJavaScriptを既に導入していますので,目新しさはありませんが,「Litebox」は動作が洒落ているのと,以前に一度,導入を失敗していたので,悔しさ余って再チャレンジした,という次第。つまり「リベンジ」ってやつですな。

 幸い導入には成功し(HTML,CSSの書き換えで目が痛くなったよ),動作も,やや動きが速いかなと思うくらいで,ほぼ,期待どおりでした。ところが,使ってみて分かったのは,写真のサイズが800×600ピクセル(当ブログでの基本サイズ)の場合,「Litebox」で拡大表示したときに,写真の一部(下側)が画面からはみ出して,Closeボタンが隠れてしまっている,という状態なのです。

 現在,使っている「pictlayer」の場合,(1)写真をクリックで拡大,(2)再クリックで元に戻る,という2ステップのところが,「Litebox」だと画面を下方向にスクロールという(1)’が加わって3ステップになってしまい,どうも面倒くさい。当ブログを訪ねていただく方にも,お手間をかけてしまいます。いわゆる「エレガントでない」ってやつですな。

 CSSを少しいじってみましたが,修正ならず。JavaScriptは,全然分からないので手が出せない。ということで,せっかく導入に成功したしたものの,当ブログとは縁が無かった「Litebox」でございました。

 今回は,このサイトを参考にさせていただきました。FC2ブログへの導入が,とても分かりやすく正確に解説されています。(トラックバック,ご了承ください。)
The blog of H.Fujimoto「FC2ブログでLiteboxを使う」
http://www.h-fj.com/blog/archives/2008/06/16-102022.php

hideandseek

Recent Posts

Show must go on! |本が読みたいから

読書の媒体を紙の本から電子書籍…

2週間 ago

人けのない小石川の寺で門番の猫と会話した

2025年正月4日の夕方、小石…

3週間 ago

一年のまとめ_2024

2024年、令和6年のまとめで…

4週間 ago

キーボード沼にはまった2024

年末に「一年のまとめ」を書く中…

4週間 ago

初冬の曙と黄昏_2024/12

ここしばらく初冬の関東平野らし…

1か月 ago

4コマのショートストーリー|スロウではない風味の

伊坂幸太郎さんの短編集「逆ソク…

3か月 ago