Discussion :

[twisel]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 php :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[SpaceFrog]

jette un oeil sur le plugin jquery cycle ...

[twisel]

j'arriverai au même problème je pense.
sans la fonction qui cherche aléatoirement les images, j'y arrive sans souci à faire le fadeIn et le fadeOut.

mais ici, je ne vois pas où intégrer le fadeIn..