codice:
Codice Css:
ul.ppt {
	position: relative;
}
 
.ppt li {
	list-style-type: none;
	position: absolute;
	top: 0;
	left: 0;
}
 
.ppt img {
	border: 1px solid #e7e7e7;
	padding: 5px;
	background-color: #ececec;
}

Html:
<ul class="ppt"> 
	[*][img]ethernet.jpg[/img]</img> 
	[*][img]glasses.jpg[/img]</img> 
	[*][img]pisa.jpg[/img]</img> [/list]
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript"> 
$('.ppt li:gt(0)').hide();
$('.ppt li:last').addClass('last');
var cur = $('.ppt li:first');
 
function animate() {
	cur.fadeOut( 1000 );
	if ( cur.attr('class') == 'last' )
		cur = $('.ppt li:first');
	else
		cur = cur.next();
	cur.fadeIn( 1000 );
}
 
 
$(function() {
	setInterval( "animate()", 5000 );
} );
</script>
Questo è l'intero codice e solo questo non va con IE