Adding JQuery Pre-Loader gif to a script/function
<p>How do I add a pre-loder to this script?
I already have the animated gif. When I say preloader, I mean the spinning gif.</p>

<pre><code>$(function(){
            // Set starting slide to 1
            var startSlide = 1;
            // Get slide number if it exists
            if (window.location.hash) {
                startSlide = window.location.hash.replace('#','');
            }
            // Initialize Slides
            $('#slides').slides({
                preload: true,
                crossfade: true,
                effect: 'fade',
                fadeEasing: "easeOutQuad",
                fadeSpeed: 400,
                play: 5000,
                pause: 2500,
                hoverPause: true,
                // Get the starting slide
                start: startSlide,
                animationComplete: function(current){
                    // Set the slide number as a hash
                    window.location.hash = '#' + current;
                }
            });
        });
</code></pre>

<p>Thanks for the knowledge!</p>

<p>Overmars</p>
