Home > 20080508
20080508
Shadowbox応用：画像にタイトルを付加する
- 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" />このタイトルを付けるだけで、拡大された画像の左上に表示されるかと思います。
Home > 20080508
- Search
- Adsense
- Calendar
-
« 2008/05 » S M T W T F S - - - - 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 - Categories
- Tagcloud
- Archives
- Recent Comments
-
- とりもち:綺麗な風景壁紙 vol2 (06/12)
- TomomiX:綺麗な風景壁紙 vol2 (06/12)
- とりもち:綺麗な風景壁紙 vol2 (06/11)
- TomomiX:Greybox実装手順 (05/28)
- aco_oca:Greybox実装手順 (05/28)
- aco_oca:Greybox実装手順 (05/28)
- TomomiX:Office2003・Office2007の共存方法 (05/27)
- ｴ:Office2003・Office2007の共存方法 (05/26)
- TomomiX:Shadowbox応用：Webページに実装させる (05/15)
- ハムネコ:Shadowbox応用：Webページに実装させる (05/14)
- Recent Trackback
- Feeds