<div>
ive got this so far:<br />
<br />
<br />
$(document).ready(function<wbr />(){<br />
$('.webcam img:gt(0)').hide();<br />
setInterval(function(){$('<wbr />.webcam :first-child').fadeOut().n<wbr />ext('img')<wbr />.fadeIn().<wbr />end().appe<wbr />ndTo('.web<wbr />cam');}, 3000);<br />
var title = $(&quot;.webcam img&quot;).attr(&quot;title&quot;);<br />
&nbsp; $(&quot;.webcam-details&quot;).text(<wbr />title);<br />
});<br />

</div>


ive got this so far:


$(document).ready(function(){
$('.webcam img:gt(0)').hide();
setInterval(function(){$('.webcam :first-child').fadeOut().next('img').fadeIn().end().appendTo('.webcam');}, 3000);
var title = $(".webcam img").attr("title");
  $(".webcam-details").text(title);
});


<div>
<div class="content wysiwyg-content">
Hi Experts,<br />
<br />
I have this code...<br />
<br />
&lt;div class=&quot;webcam&quot;&gt;<br />
&lt;img src=&quot;/webcam1.jpg&quot; title=&quot;webcam1&quot;/&gt;<br />
&lt;img src=&quot;/webcam2.jpg&quot; title=&quot;webcam2&quot;/&gt;<br />
&lt;img src=&quot;/webcam3.jpg&quot; title=&quot;webcam3&quot;/&gt;<br />
&nbsp;&lt;/div&gt;<br />
&lt;div class=&quot;webcam-details&quot;&gt;&lt;/d<wbr />iv&gt;<br />
<br />
Using Jquery, how would I fade the images in/out one at a time and display the title tag in webcam details??<br />
<br />
Thanks
</div>
</div>


Hi Experts,

I have this code...

<div class="webcam">
<img src="/webcam1.jpg" title="webcam1"/>
<img src="/webcam2.jpg" title="webcam2"/>
<img src="/webcam3.jpg" title="webcam3"/>
 </div>
<div class="webcam-details"></div>

Using Jquery, how would I fade the images in/out one at a time and display the title tag in webcam details??

Thanks

JQUERY: image fade in and out and getting image title

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.