[JS]画像にキャプションやツールチップを自動で設定するスクリプト -Captions
Post on:2009年11月11日
sponsors
img要素のaltとlongdescのデータを利用して、画像にキャプションやツールチップを自動で設定するスクリプトを紹介します。
デモでは画像の下にaltのテキストが表示され、マウスのホバーに追従してlongdescのテキストが表示されます。
適用する画像の指定は簡単で、下記のように記述します。
|
1 2 3 4 5 |
<textarea name="code" class="js" cols="60" rows="5"> $(document).ready(function(){ $('#example1 img').caption(); }); </textarea> |
CaptionsはjQueryのプラグインのため、実装にはjquery.jsが必要です。
sponsors
