jQuery Innerfade
Required JavaScript jQuery files
CSS
#portfolio {
height:165px;
padding: 0 15px;
width:720px;
list-style-type: none;
}
JavaScript
$(document).ready( function(){
$('#portfolio').innerfade({
speed: 1500,
timeout: 4500,
type: 'sequence',
containerheight: '165px'
});
} );
HTML
<ul id="portfolio">
<li><a href="http://medienfreunde.com/deutsch/referenzen/kreation/good_guy__bad_guy.html"><img src="http://www.equestrian-escapes.com/css/images/Horse-Header1.jpg"
alt="Good Guy bad Guy" /></a></li>
<li><a href="http://medienfreunde.com/deutsch/referenzen/kreation/whizzkids.html"><img src="http://www.equestrian-escapes.com/css/images/Horse-Header2.jpg"
alt="Whizzkids" /></a></li>
<li><a href="http://medienfreunde.com/deutsch/referenzen/printdesign/koenigin_mutter.html"><img src="http://www.equestrian-escapes.com/css/images/Horse-Header3.jpg"
alt="Königin Mutter" /> </a></li>
<li><a href="http://medienfreunde.com/deutsch/referenzen/webdesign/rt_reprotechnik_-_hybride_archivierung.html"><img
src="http://www.equestrian-escapes.com/css/images/Horse-Header4.jpg" alt="RT Hybride Archivierung" /></a></li>
<li><a href="http://medienfreunde.com/deutsch/referenzen/kommunikation/tuev_sued_gruppe.html"> <img src="http://www.equestrian-escapes.com/css/images/Horse-Header5.jpg"
alt="TÜV SÜD Gruppe" /></a></li>
</ul>