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>