最近では、かなりメジャーになってきたアクションに挑戦です。
Ajax Lightboxを使って、黒バックの写真を浮き出させる
写真のサムネイルを押すと、ページが暗くなって写真だけが浮き出てくるような
サイトを見たことありませんか？
大手のサイトとかでよく見られるこのアクション。
フラッシュかと思ってたら、Ajaxでした。
フラッシュは、お手上げだ。
と思ってましたが、Ajaxなら使えるかもと思いググってみました。
Litebox
http://www.doknowevil.net/litebox/
lightboxとliteboxなんで文字が違うんだろう。。。
英語わかんないと不便ですね。まあ、気にしない。
このlightboxもといliteboxを使って
あのアクションを実践開始。
このサイトもMTで動いているので
できれば、ある程度自動化させたいと思ってましたら、
小粋空間さんのサイトで細かく紹介されてましたｗ
http://www.koikikukan.com/archives/2006/07/07-013507.php
そのままやって、そのまますんなりできました（驚
もっと難しそうなイメージがあったんですが、分かりやすい説明があったおかげです。
そうこうして、そのままガイド通り作ったのが、これ↓
次に、実際にサムネイル写真を使ってやってみる。
↑こんな感じになります。
こうなるとわざわざrelを書くのがめんどくさくなりますが、
こちらもオートでしているサイトがあるそうです。
http://blog.garaku.cc/archives/2006/01/15_2256.php
↑素晴らしいことを考える人がいるもんです。
が、僕にはちょっと難度が高すぎるので、辞書ツールにソースを登録させてとりあえず凌ぐとします＋＋
また、このスクリプトを使って写真を出す際に、
フラッシュで出来たブログパーツなどをサイドバーに出している場合
そのパーツの下にもぐりこんでしまう場合があります。
こちらも解決策がもうあるようです。
http://www.koikikukan.com/archives/2006/03/17-021717.php
僕のサイトもブログパーツでフラッシュを出してますが、
上記を見てもどこを直せばいいのかわからなかったんで、
とりあえずエントリーページのパーツは外すことにしましたorz
どんどん進化していきますが、
せめて設置にどのくらいの労力がかかるかくらいは、
知っておいても損はないかもです。
とりあえずサイトに実装できてホッとしています＾＾；
これを使って何をしようかな。
コメントする