Problèmes de bouclage dans jQuery

Question

Eh bien, voici ce que je veux dire.

Go to site. Où il est dit les dernières nouvelles, il y a quelques problèmes.

Ce que je suis en train de faire est:..

lieu de chargement, voir la barre de chargement (l'image est dans le code HTML) La barre de chargement disparaît, theres un paragraphe qui se fond dans

Ce est ce que c'est. Maintenant, ce que je veux aussi faire est de cacher le paragraphe, fadeIn un autre, puis celui après cela. Ensuite, redémarrez-le et bouclez-le de nouveau.

C'est ce que cela est pour:

$latest 
    .hide() 
    .first() 
    .show(); 

    refreshId = setInterval(function() { 
    next = $(".latest:visible").next(); 
    if (next.length) { 
    $latest.hide(); 
    next.fadeIn(); 
    } else { 
    $(".latest") 
    .hide() 
    .first() 
    .fadeIn(); 
    } 
    }, 3000); 

Comme vous pouvez le voir, les deux conflits de scripts avec eachother et le tout devient fou (et que l'image ne cesse d'apparaître). Y a-t-il un moyen de le réparer?

Answer 1

Essayez ceci:

setTimeout(function() { 
    $('#loading').hide(0,rotator); 
}, 3000); 

function rotator() { 
    var $paragraphs = $('#latest-news').find('p.latest'); // the paragraphs 
    $paragraphs.first().show(); 
    var i = 0; 
    var looper = setInterval(function() { 
    var showpara = i++ % $paragraphs.length; // choose next one to show 
    $paragraphs.not(':eq(' + showpara + ')').hide() // hide others 
     .end() // back to first selector 
     .eq(showpara).fadeIn(); // show the next 
    }, 3000); 
} 

---

Edit: Mise à jour pour gérer un message de chargement, dans une rotateurs encapsuler fonction, et de déclencher cette fonction lorsque le message de chargement est caché.