Date:2007.05/25 [Fri]14:01 | Category:[ブログ] 
「Lightbox_Plus」と「CSS Drop Shadows」
以前からサムネイル画像から実サイズ画像へリンクするのにLightbox_Plusを使っていたが、ひとつの記事に画像がいくつかある場合、いちいち閉じなくて済むようにした。が、ただそれだけ追加するだけなのになかなかできない。スクリプトをいじるわけじゃなく、記事のソースをちょい変えれば完了のはずが動作に変化なし。
こうなると意地だ。他の人に出来て自分に出来ないってのは消化に悪い。
検索すればかなりの数引っかかるが、たまたまぶつかったブログがつい最近入れたばかりであり、導入時の記憶も鮮やかだろうし、教えてもらえたならとコメント欄に書き込んだ。
「よりみちWEBサイト--Blog版--」さん。
やっていることは同じなのになぜ出来ないのか、言われるとおりカスタマイズ前のデフォルト状態のスクリプトでテストを試みた。
こうなると意地だ。他の人に出来て自分に出来ないってのは消化に悪い。
検索すればかなりの数引っかかるが、たまたまぶつかったブログがつい最近入れたばかりであり、導入時の記憶も鮮やかだろうし、教えてもらえたならとコメント欄に書き込んだ。
「よりみちWEBサイト--Blog版--」さん。
やっていることは同じなのになぜ出来ないのか、言われるとおりカスタマイズ前のデフォルト状態のスクリプトでテストを試みた。
新たにダウンロードしてみたら、今まで私の使っていたものからバージョンが上がっている。できないのは古いせいか？などと思いつつ、テストしてみたところ、あっけなく完了。
ただ、私はそれほど大きな画像はアップしないので、拡大縮小機能は使いたくなかった。アイコン邪魔だし・・・
ところがこの機能をOFFにすると、Lightbox自体が機能しなくなる。
複数画像ったって、てんこ盛り貼るわけじゃないし、今まで通りでもかまわないかなとも思ったけどね。この機能使うためには必ず追加しなきゃならないrel属性も面倒だし、記事ごとにその属性を変える必要もある。でもまあ使いたいときだけ使えばいいし、拡大アイコンも気にしないことにしたわ。
因みに古いほうのバージョンでは無理だった。
ついでにサムネイル画像に影をつけるスクリプトも入れてみた。「CSS Drop Shadows」。これもまた一発！とはいかなかったね。画像を<div>で括ると(￣ー￣?).....??ありゃ??の表示。で、<span>で括ってみたら解決したが、これもまたいちいち記事にタグを追加しなきゃならないのが面倒。綺麗なのだけど・・・
画像のおしゃれな表示方法はLightbox系のクローンを含め、かなりの数がある。
●Lightbox JS
●Lightbox2
●Slimbox
●Litebox
●Thickbox3
●Smoothbox
●TripTracker
●Highslide JS
代表的なのはこんなもんかな。もっともっと沢山あるよ。この中で気になってるのは最後の「Highslide JS」なんだけど・・・導入は出来る。出来るけれど最大級のめんどくささがネックだ！！
lightbox plus
lightbox+設置の件では結局大したお役にも立てませんでしたのに、トラバしていただき恐縮です。
こちらの記事を読んでウチもいくつか試してみて、気に入ったのにしようかなと思っています。
lightbox+の画像サイズ自動調整は気に入っているのですが、他のものの表示の演出（シュワワ〜と開くヤツ）も結構イケてると思うのです。
Highslide JS良さげですね！紹介感謝です。でわ。