Problem in adding the fadeIn() method to a slideshow
Hi everybody, this is my first post. I'm a noob :) I've made a simple slideshow from scratch, and it works perfectly with no fade effects... But how can I add the fadeIn() method? Where do I have to put it to make it work? I have tried many ways with no result... I've made an html with just one div, to test this. This is the working script with no fade effects:
$(document).ready(function() {
setInterval(function() {
$('div img:last-child')
.prependTo('div');
}, 3000);
});
The images are absolutely positioned, so that the first:child, with z-index set to 999 in the CSS file, hides all the others. Every 3 seconds, the last:child becomes the first one and so it hides the others.
How can I add the fade effects to this? Thanks in advance for your help :)