Lightboxとは
画像をクリックしたとき、かっこよくオーバーレイで拡大表示してくれるライブラリです。
公式サイトはコチラです。
使ったコトなかったのでメモします。
Bloggerで一カ所 設定するだけで使えます。
このエントリの目次
1.Bloggerの設定2.ブログ本文の書き方
1.Bloggerの設定
まず、Blogger ダッシュボードに行きます。で、下記のように、Lightboxを設定したブログの「設定」を押します。
(分かりにくいですが、画像 右下のあたりです)
すると、
下のような画面になります。
で、画像 左下の「投稿とメール」をクリックします。
すると、
上のような画面が出ます。
「ライトボックスで画像をアピール」の項目があるので、ここで「はい」を選択します。
で、(画像では切れて表示されていないですが)画面 右上にある「設定を保存」ボタンを押します。
これで、Bloggerの設定が完了しました。
2.ブログ本文の書き方
以下のように書けば、Lightboxが使えます。<a href="画像のURL"><img src="画像のURL" height="拡大前のサイズ" width="拡大前のサイズ"></a>
もっと具体的に書くと、こんな感じです。
<a href="https://lh3.googleusercontent.com/-rvNQ0eGtAG4/Tz0Z1JyJJyI/AAAAAAAAAt0/29CCNl6Chmc/s800/Blank.png"><img src="https://lh3.googleusercontent.com/-rvNQ0eGtAG4/Tz0Z1JyJJyI/AAAAAAAAAt0/29CCNl6Chmc/s800/Blank.png" height="144" width="144"></a>
上のコードを実際に書くとこうなります。
以上です。
はじめまして。
返信削除Bloggerでライトボックスを使う設定に関しての質問ですが、こちらでご紹介されている設定方法は、カスタムドメイン（リダイレクト設定）では、出来なかったのですが、カスタムドメインのBloggerでライトボックスを使う方法をご紹介いただけないでしょうか？？
はじめまして。
返信削除コメントありがとうございます。
カスタムドメインですか…すみません、使ったことがないので分からないです。
英語でググったり、BloggerのGoogleグループを見たりもしましたが、そういう情報は見当たりませんでした。
お力になれずすみません。
下記URLからヘルプフォーラムに投稿したり、サポートに問い合わせることができるようですので、そちらに聞いてみるのはいかがでしょうか。
http://support.google.com/blogger/bin/request.py?contact_type=contact_policy
BloggerでLightboxを使って楽しんでいます。7月まではクリックして拡大された画像がSXGAの画面いっぱいにまで広がってとてもきれいだったのですが、8月になってから拡大された画像がなぜか800X600になってしまいました。Bloggerの規格が変わったのか、アップしてきた画像が所定の量を超えた（？）のか原因が全くわかりません。何かアドバイスをいただければ大変ありがたいです。BlogのURLは下記です。
返信削除http://kurumiyama.blogspot.jp/
よろしくお願いいたします。
kurimiyama さん。はじめまして。コメントありがとうございます。
削除調べたところ、容量制限にひっかかってしまったのでは と思います。
Google+に登録していますでしょうか？
http://support.google.com/picasa/bin/answer.py?hl=ja&answer=1224181
上のページに書いてあるとおり、Google+に登録していると2048×2048 ピクセル以内の写真は無料の保存容量にカウントされないようです。
そして登録していない場合は、800×800 ピクセル以内が保存容量にカウントされないようです。
ですので、容量制限に引っかかって800x800に収まるようにリサイズされてしまっているのではないでしょうか？
お役に立てれば幸いです。