Home > スポンサー広告 > Shadowbox応用:画像にタイトルを付加する


スポンサーサイト

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

 Comments:-

Comment Form

 Trackback+Pingback:-

TrackBack URL for this entry
http://blackcat13numbers.blog31.fc2.com/tb.php/194-b064c754
Listed below are links to weblogs that reference
スポンサーサイト from TRASH

Home > スポンサー広告 > Shadowbox応用:画像にタイトルを付加する

Home > IT Tips > Shadowbox応用:画像にタイトルを付加する


Shadowbox応用:画像にタイトルを付加する

以下の記事で実装方法やサンプルを掲載しました。
●Shadowbox実装手順

今回は、このShadowboxを使った応用として、拡大された画像の下にタイトルを付ける手法を紹介したいと思います。

通常だと以下の通りです。
20080203_1.jpg

これにタイトルを加えると、以下の通りです。
20080203_1.jpg

記述させるものは、通常のShadowboxを実装させるタグ(青文字部分)に以下の赤文字部分を付け加えます。
<a href="http://blog-imgs-29.fc2.com/b/l/a/blackcat13numbers/20080203_1.jpg" rel="shadowbox" title="Vista壁紙です"><img src="http://blog-imgs-29.fc2.com/b/l/a/blackcat13numbers/20080203_1s.jpg" alt="20080203_1.jpg" border="0" align="left"/></a><br clear="all" />
このタイトルを付けるだけで、拡大された画像の左上に表示されるかと思います。

 Comments:0

Comment Form

 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

Home > IT Tips > Shadowbox応用:画像にタイトルを付加する

Recent Comments
Recent Trackback
Feeds

↑Page Top

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