fadeIn et fadeOut dans un slideshow aléatoire
Bonjour,
Il s'agit d'un slideshow piochant des images aléatoirement dans un dossier et censé les faire défiler rapidement avec un fadeIn et un fadeOut.
Le problème est que je n'arrive pas à intégrer le fadeIn dans mon code...
Si quelqu'un pouvait m'aiguiller!
Merci bien!
voici le lien de la page: www.paul-le-quernec.fr
et le code en question:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
| $(document).ready(function(){
$("#slideshow > div:gt(0)").hide();
$slideCount = $("#slideshow > div").length;
$('#slideshow > div:first').fadeOut(20);
setInterval(function() {
$firstSlideChosen = Math.floor((Math.random() * $slideCount));
$('#slideshow > div').eq($firstSlideChosen).show();
$('#slideshow > div').eq($firstSlideChosen)
.fadeOut(1500);
$nextSlide = Math.floor((Math.random() * $slideCount));
if($nextSlide == $firstSlideChosen){
if($nextSlide < ($slideCount - 1)) {
$nextSlide++;
}else{
$nextSlide--;
}
}
$('#slideshow > div').eq($nextSlide)
.fadeOut(1500);
}, 2000
)}); |
Et question subsidiaire:
Il arrive souvent qu'une image apparaisse deux fois de suite. Est-il possible d'annuler le 2e passage d'une image?
Le code permettant la récupération des images dans le dossier, pour info:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14
| <div id="slideshow">
<?
$folder = "imagesaccueil";
$dossier = opendir($folder);
while ($Fichier = readdir($dossier)) {
if ($Fichier != "." && $Fichier != "..") {
$nomFichier = $folder."/".$Fichier;
echo "<div><img src=".$nomFichier."></div>";
}
}
closedir($dossier);
?>
</div> |