Lightbox使えるようになりました。

小さい画像をクリックした時、イイ感じに拡大画像を表示してくれる機能。
「Lightbox」を実装しました。(⇒サンプル
使い方は↓↓↓

【1】フツーに画像を挿入。
(1)画像挿入の2画面目「ファイルオプション」の画面で
  「サムネイルを利用」チェックボックスをチェックONする。
    ※サムネイルの画像幅はお好みで。
    ※ポップアップウィンドウはチェックONしないこと。
(2)テキストエディタの「<A>」ボタンをクリックしコード表示にする。
(3)画像の<a>タグの中に
   rel="lightbox"
   を挿入する。
[例]
<a href="http://www.meisters-inc.net/blog/uploads/2011/01/20110111_meister5_120cat.jpg" rel="lightbox"><img  src="http://www.meisters-inc.net/blog/assets_c/2011/01/20110111_meister5_120cat-thumb-552x552-361.jpg" /></a>

(4)ブログを公開し、Lightboxが機能していたら成功。

トラックバック(0)

トラックバックURL: http://www.meisters-inc.net/mt/mt-tb.cgi/62

コメントする

最近のコメント

Creative Commons License
このブログはクリエイティブ・コモンズでライセンスされています。