jQuery Le diaporama ne va pas apparaître et disparaître

Question

Mon curseur ne se fond pas depuis que j'ai supprimé .end() car cela me pose quelques problèmes dans le diaporama, mais comment puis-je le faire disparaître et disparaître. Ça marche dans le violon que j'ai fait mais pas sur mon site. http://jsfiddle.net/HUkBp/2/

mon code:

<div id="slideshow"> 
    <div> 
    <img src="imgs/supp1.jpg"> 
    </div> 
    <div> 
    <img src="imgs/supp2.jpg"> 
    </div> 
    <div> 
    <img src="imgs/supp3.jpg"> 
    </div> 
    <div> 
    <img src="imgs/supp4.jpg"> 
    </div> 
    <div> 
    <img src="imgs/supp5.jpg"> 
    </div> 
    <div> 
    <img src="imgs/supp6.jpg"> 
    </div> 
    <div> 
    <img src="imgs/supp8.jpg"> 
    </div> 
    <div> 
    <img src="imgs/supp9.jpg"> 
    </div> 
    <div> 
    <img src="imgs/supp10.jpg"> 
    </div> 
</div> 

CSS:

#slideshow { 
    margin: 50px auto; 
    position: relative; 
} 

#slideshow > div { 
    position: absolute; 
} 

jQuery:

$("#slideshow > div:gt(0)").hide(); 

setInterval(function() { 
    $('#slideshow > div:first') 
    .fadeOut(1000) 
    .next() 
    .fadeIn(1000) 
    .appendTo('#slideshow'); 
}, 3000); 

Answer 1

Vous ne devez pas supprimer .end() parce que vous avez besoin le premier mouvement de diapositives à la fin du diaporama . Sans le .end(), le second sera déplacé. Donc, vous avez eu le bon code:

setInterval(function() { 
    $('#slideshow > div:first') 
    .fadeOut(1000) 
    .next() 
    .fadeIn(1000) 
    .end() 
    .appendTo('#slideshow'); 
}, 3000); 

Pouvez-vous donner un lien vers votre site où cela ne fonctionne pas?