Using jQuery you could accomplish this. Maybe something like:
$(function() {
var images = $(".images img").hide();
var current = 0;
setInterval(function() {
var next = ((current + 1) % images.length);
images.eq(current).fadeOut();
images.eq(next).fadeIn();
current = next;
});
});
However, in your CSS page you'd also want to add:
.images
{
position: relative;
}
.images img
{
display: none;
position: absolute;
}
This is great if you want some to fade into others?
Check out this page, has some other concepts very similar using jQuery: http://www.geeksucks.com/toolbox/23-jquery-fade-in-fade-out-effect.htm