ワサコレ戦記の備忘録-pone

pone_web ワサコレ・スマホ・タブレット・パソコン・クルマ

TOP >> スポンサー広告 >> 【FC2】Lightbox v2.04 カスタマイズ編 -2-TOP >> Web site >> 【FC2】Lightbox v2.04 カスタマイズ編 -2-

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
※古い記事を試すときは自己責任で!

この記事にリンクを貼る


Trackback: -- |  Comment: --

【FC2】Lightbox v2.04 カスタマイズ編 -2-

【FC2 BLOG♘用】
<現在 Google Chome と safari では一部動作していません。おそらくページ内にある<iframe>が原因だと思われますが対策がありません。その他では動作すると思います。>
♘Lightbox v2.04 導入編 -1-で紹介した方法で複数の画像を連続して表示したい場合はrel="lightbox[好きな文字]"でひとつのグループにできますがその際にタイトルを付ける場合は title="タイトル"で指定できます。もちろん1枚だけの場合でも同じです。
lightbox_title.jpg


ファイルの保存場所(your_blog)を自分のブログに合わせて変更します。
タイトルなしの場合
<a href="your_blog/blog_import_4d51074f8403f.jpg" rel="lightbox[20110206]" target="_blank">
<img src="your_blog/blog_import_4d51074f8403f.jpg" border="0" width="180" height="135" /></a>
<a href="your_blog/blog_import_4d5107491e948.jpg" rel="lightbox[20110206]" target="_blank">
<img src="your_blog/blog_import_4d5107491e948.jpg" border="0" width="180" height="135" /></a>
<a href="your_blog/blog_import_4d51074512a53.jpg" rel="lightbox[20110206]" target="_blank">
<img src="your_blog/blog_import_4d51074512a53.jpg" border="0" width="180" height="135" /></a>


blog_import_4d51074f8403f.jpgblog_import_4d5107491e948.jpgblog_import_4d51074512a53.jpg

タイトルを付けた場合
<a href="your_blog/blog_import_4d51074f8403f.jpg" rel="lightbox[20110207]" title="vintage" target="_blank">
<img src="your_blog/blog_import_4d51074f8403f.jpg" border="0" width="180" height="135" /></a>
<a href="your_blog/blog_import_4d5107491e948.jpg" rel="lightbox[20110207]" title="chopper" target="_blank">
<img src="your_blog/blog_import_4d5107491e948.jpg" border="0" width="180" height="135" /></a>
<a href="your_blog/blog_import_4d51074512a53.jpg" rel="lightbox[20110207]" title="vintage" target="_blank">
<img src="your_blog/blog_import_4d51074512a53.jpg" border="0" width="180" height="135" /></a>


blog_import_4d51074f8403f.jpgblog_import_4d5107491e948.jpgblog_import_4d51074512a53.jpg

上の3枚と下の3枚が別のグループになっているのは
rel="lightbox[20110206]"rel="lightbox[20110207]"の違いですよ。 ※古い記事を試すときは自己責任で!
Web siteの関連記事

この記事にリンクを貼る


TOP > スポンサー広告 > 【FC2】Lightbox v2.04 カスタマイズ編 -2-TOP > Web site > 【FC2】Lightbox v2.04 カスタマイズ編 -2-

この記事に対するコメント

コメントの投稿

Secret

トラックバック

トラックバックURL
→http://recoboo.blog28.fc2.com/tb.php/39-7a013549
この記事にトラックバックする(FC2ブログユーザー)

ブログパーツ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。