slideshow simple, jQuery crée de longues pauses

Question

Voici ce diaporama simple, j'utilise:

function slideShow(){ 
var current = $('#animation .show'); 
var next = current.next().length ? current.next() : current.parent().children(':first'); 
current.removeClass('show'); 
next.addClass('show'); 
setTimeout(slideShow, 500); 
} 



$(document).ready(function() { 
    slideShow(); 
}); 

Il fonctionne, mais il crée de longues pauses entre les images ... Est-il un moyen de résoudre ce problème? Merci d'avance!

EDIT c'est le code HTML, je suppose que les pauses était le mauvais mot, ce que je veux réaliser est chaque image est affichée immédiatement après l'autre, en ce moment j'ai un petit écart que rien ne s'affiche.

<div id="animation"> 
<img alt="graphic" class="show" src="files/animation_img/GRAPHIC.jpg" /> 
<img alt="design" src="files/animation_img/DESIGN.jpg" /> 
<img alt="etc" src="files/animation_img/ETC.jpg" /> 
</div> 

et le CSS:

#animation img 
    { 
    position:fixed; 
    top:400px; 
    left:700px; 
    display:none; 
    visibility:hidden; 
    width:200px; 
    height:100px; 
    } 

Answer 1

Essayez cette

function slideShow(){ 
    var current = $('#animation .show'); 
    var next = current.next().length ? current.next() : current.parent().children(':first'); 
    current.removeClass('show'); 
    next.addClass('show'); 
} 

$(document).ready(function() { 
    setInterval(slideShow, 500) 
});