簡単な小さなjQueryスクリプトを使用して、いくつかの画像を回転しています。画像からaltまたはtitleタグを取得し、そのテキストを画像の下のapまたはdivタグに表示する方法があるかどうか疑問に思っています。
これが私がこれまでに持っているものです:
jquery:
$(function(){
$('.fadein img:gt(0)').hide();
setInterval(function(){
$('.fadein :first-child').fadeOut(1000)
.next('img').fadeIn(1000)
.end().appendTo('.fadein');},
3500);
});
CSS
.fadein { position:relative; height:350px; }
.fadein img { position:absolute; left:0; top:0; }
HTML
<div class="fadein">
<img src="1.jpg" alt="This is Image One" />
<img src="1.jpg" alt="This is Image two" />
</div>
<p>CAPTION GOES HERE</p>
altタグによって供給されるこれに変化するキャプションを統合するためのヒントはありますか?
ありがとう!