- 2008-05-08 (Thu)
- IT Tips
- Tips
- JavaScript
- CSS
- Shadowbox
Category :
Tags :
以下の記事で実装方法やサンプルを掲載しました。
●Shadowbox実装手順
今回は、このShadowboxを使った応用として、拡大された画像の下にタイトルを付ける手法を紹介したいと思います。
通常だと以下の通りです。
これにタイトルを加えると、以下の通りです。
記述させるものは、通常のShadowboxを実装させるタグ（青文字部分）に以下の赤文字部分を付け加えます。
●Shadowbox実装手順
今回は、このShadowboxを使った応用として、拡大された画像の下にタイトルを付ける手法を紹介したいと思います。
通常だと以下の通りです。
これにタイトルを加えると、以下の通りです。
記述させるものは、通常のShadowboxを実装させるタグ（青文字部分）に以下の赤文字部分を付け加えます。
<a href="http://blog31.fc2.com/b/blackcat13numbers/file/20080203_1.jpg" rel="shadowbox" title="Vista壁紙です"><img src="http://blog31.fc2.com/b/blackcat13numbers/file/20080203_1s.jpg" alt="20080203_1.jpg" border="0" align="left"/></a><br clear="all" />このタイトルを付けるだけで、拡大された画像の左上に表示されるかと思います。
- Next Entries : Shadowbox応用：複数の画像をグループ化してまとめる
- Prev Entries : GW中のお出かけ＠しながわ水族館
Comments:0
Trackback+Pingback:0
- TrackBack URL for this entry
- http://blackcat13numbers.blog31.fc2.com/tb.php/194-b064c754
- Listed below are links to weblogs that reference
- Shadowbox応用：画像にタイトルを付加する from TRASH