jQuery setInterval ne montre pas le premier élément

Question

Je crée ce curseur de contenu, vous pouvez visualiser/éditer ici: cependant,

http://jsbin.com/esame4

J'ai mis en place setInterval afin que l'animation fonctionne automatiquement, quand il est courir pour la première fois, google image est montré mais pas après. Devrait être simple mais je suis incapable de comprendre le problème.

Answer 1

Là vous allez: http://jsbin.com/esame4/3 (mais la fonction précédente est toujours en panne!)

fixe la fonction précédente aussi dans http://jsbin.com/esame4/4

Answer 2

problème est dans:

if ($($curbox).next().attr('class') === 'box') 
    { 
     $('#content_navigator .box').hide(); 
     $($curbox).next().fadeIn(1000); 
     $curbox = $($curbox).next(); 
    } 
else 
    { 
     $curbox = ('#content_navigator .box:first'); 
    } 

Vous passez à la première élément, évitez de l'afficher, puis passez à la suivante.

changement à ce qui suit:

if ($($curbox).next().attr('class') === 'box') 
    { 
     $('#content_navigator .box').hide(); 
     $($curbox).next().fadeIn(1000); 
     $curbox = $($curbox).next(); 
    } 
else 
    { 
     $('#content_navigator .box').hide(); 
     $('#content_navigator .box:first').fadeIn(1000); 
     $curbox = $('#content_navigator .box:first').next(); 
    } 

également fixé sur le bouton précédent. Voir à: http://jsbin.com/esame4/6/

Modifié une fois de plus ;. Fait plus uniforme partout.