Word Press や Movable Typeを利用している方はプラグインでl画像展開のエフェクトをつけられる「LightBox」を実装している方は多いと思います。
私も以前はそうやっていましたが、Google Bloggerに引越しをしてから少し期間が経ってしまいましたが、やっと最近実装してみました。
実装に成功すれば画像がこのように展開します。
 |
| 画像をクリックしてみて下さい |
実装に関してはWebScrapさんの方法を参考にさせて頂きましたが、自分の環境ではブラウザがGoogle Chrome意外はうまく稼働しませんでした。
Slimbox 2をBloggerに導入する
そこで下記方法で解決できましたので参考にして下さい。
なお、ブラウザはIE・Firefox・Chrome・Safari・Operaの最新版で動作確認出来ました。
（2010/03現在）
1.「slimbox2.js」 「slimbox2.css」ファイルをGoogleサイトへアップロードせずにガジェットへコード追加
この方法で動作するようになりましたが、SlimBox2内のイメージファイルを読み込みませんでした。
よって下記2の方法を試しました。
(なお、<head>~<head/>にコードを追加でも良いとは思いますが、私の環境では×）
2.imgファイルをアップロードするサーバーの変更
imgファイルのアップロード先をGoogleサイトからMicrosoft Office Liveサーバー（無料）へ変更し、CSSファイルのコードをこのサーバーへ変更したところ、これで動作しました。
因みにSlimBox2のファイル全てをMicrosoft Office Liveサーバーへアップロードして試してみましたが、この方法では×でした。
まとめると私の環境では
「slimbox2.js」 「slimbox2.css」 → ガジェットへ追加
imgファイル → Microsoft Office Liveサーバー
jQuery → テンプレートで既にリンク済みなのか何故か必要なし
これで解決出来ました。
通常の方法でうまく稼働しなかった方は試してみて下さい。
|
|
永代橋が架橋されたのは、元禄11年（1698年）8月であり、江戸幕府5代将軍徳川綱吉の50歳を祝したもので、現在の位置よりも100m程上流、当時大渡し（深川の渡し）のあった場所である。隅田川で四番目に作られた橋。 
