$(function() {
    $('a#link1 img').slideShow({fadeDuration:4000,slideDuration:5000});
    $('a#link2 img').slideShow({fadeDuration:4000,slideDuration:5000});
    $('a#link3 img').slideShow({fadeDuration:4000,slideDuration:5000});
});
(function($) {

$.fn.slideShow = function(userSettings) {
    
    var settings = $.extend({
        fadeDuration:1000,
        slideDuration:5000
    }, userSettings);
    
    var self = $(this);
    var cur = self.eq(0);
    
    self.css({
        position:"absolute"
    });
    self.not(':first').hide();
    
    setInterval( function() {
        cur.fadeOut( settings.fadeDuration);
        if ( self.index(cur) == self.size()-1 )
            cur = self.eq(0);
        else
            cur = cur.next();
        cur.fadeIn( settings.fadeDuration);
    }, settings.slideDuration );
    
    return $(this);
}

})(jQuery)
// JavaScript Document

//voorbeeld

// <ul class="ppt">
    
//  <li><img src="images/flavouring_1.jpg" /></li>
//  <li><img src="images/flavouring_2.jpg" /></li>
//   <li><img src="images/flavouring_3.jpg" /></li>
//</ul>

//css 
//ul.ppt {
//  position: relative;
//}