setting longer delay between testimonial slider
<p>We are using JS to make a testimonial slider. I need the pause between slides to be longer. So people get the chance to read the text, but going round in circles.</p>

<p>Any help appreciated.</p>

<p>The js is:</p>

<pre><code>$(document).ready(function(){
var slider = function() {
    $('#testimonials .slide').filter(':visible').fadeOut(1000,function(){
        if($(this).next('li.slide').size()){
            $(this).next().fadeIn(2000);
        }
        else{
            $('#testimonials .slide').eq(0).fadeIn(1000);
        }
    });
};
var interval = setInterval(slider, 5000);
$('#testimonials .slide').hover(function() {
    clearInterval(interval);
}, function() {
    interval = setInterval(slider, 5000);
});
</code></pre>

<p>}); </p>

<p>html is: </p>

   
    
            <blockquote>some message here</blockquote>
        </li>
   
            <blockquote>some message here</blockquote>
        </li>
   

<p>css is:</p>

<pre><code>#testimonials {width: 500px;height: 100px;list-style-type: none !important;}
#testimonials .slide {list-style-type: none !important;}
blockquote {font-size: 18px;font-family:"proxima-nova-1","proxima-nova-2", Helvetica, Arial, sans-serif;color: #333;font-style: italic; line-height:24px;}
</code></pre>
