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

スマホをガン見する〇〇っぽい人に腹が立つ件

最近、というかここ数年来なんだ…

2週間 ago

街で Honda e に出会った

いつものスーパーに買物に行った…

2か月 ago

HTML、CSSの習作 / 240309

吹き出し: 「coliss|こ…

2か月 ago

災害用品を点検して考えたこと

1.前置き   日本…

3か月 ago

Dewar’sは、ロックだぜ

最近お気に入りのウイスキーにつ…

4か月 ago