Thickbox グループ化 | アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

Thickbox グループ化

Thickboxで写真をグループ化して表示するには<a>タグのrel属性にグループ名を指定します

1つの記事に何枚もの画像を貼り付けていてもグループ化しない場合はなにもする必要はありません

ただし、その場合もタイトルを変更する場合は↓青字部分を変更下さい


image1

image2

image3

<a href="http://stat.ameba.jp/user_images/10/1a/10037807760.jpg " target="_blank" rel="gn0403"><img height="165" alt="image1" src="http://stat.ameba.jp/user_images/10/1a/10037807760_s.jpg " width="220" border="0" /></a>

<a href="http://stat.ameba.jp/user_images/36/57/10037807761.jpg " target="_blank" rel="gn0403"><img height="165" alt="image2" src="http://stat.ameba.jp/user_images/36/57/10037807761_s.jpg " width="220" border="0" /></a>

<a href="http://stat.ameba.jp/user_images/e7/71/10037807762.jpg " target="_blank" rel="gn0403"><img height="165" alt="image3" src="http://stat.ameba.jp/user_images/e7/71/10037807762_s.jpg " width="220" border="0" /></a>

グループ化はHTMLタグを表示にして <a>タグ内にrel="gn0403" rel="グループ名"を加えてください


タイトルを変更する場合は(↓下の写真の「水元公園1」の部分)青字のait部分を変更下さい

※altで付くタイトルは画像フォルダーにアップしたときのタイトルになります

 アップしたときにタイトルをつけていない場合は「タイトル未設定」がタイトルに・・・・

 また携帯からアップしたときは「日付データ.jpg」がタイトルになりますのでPCから変更下さい


alt="●●"がない場合は書き加えてください

逆に付けたくない場合は削除すればタイトルは付きません





1つのページ内に複数のグループ名を指定することもできますので

記事ごとに違うグループ名を付けてください

あるいは1つの記事内でいくつかのグループに分けることも可能です


※グループにしてもグループにしていない場合のように普通に1枚、1枚見ることは可能です

 グループにしておくと いちいち、画像を閉じなくても次の画像あるいは前の画像を見ることが出来ます


グループ名の数には制限がないのでいくつでもどうぞ


(グループ名はグループでそろっていれば適当でかまいません

・・・gn0403 は、グループネーム4月3日 って勝手につけたんです、自分でわかればOKです

適当につけて自分でわからなくても、表示されるページ内で他のグループとダブっていなければOK)