Script défilement d'image

Bonjour,

J'utilise un script permettant de faire défiler des images (script récupérer sur Editeurs Java script). Mais ce script défile en boucle tant que l'utilisateur n'a pas cliquez sur une image. Lorsqu'il clique sur une des images, il arrive sur la 2ème page de mon site. Moi, je voudrais, qu'après l'affichage de la dernière image, le script puisse m'ouvrir directement ma deuxième page, sans que l'utilisateur est nécessairement besoin de cliquer sur une image.

Si vous aveez des pistes, merci de me les indiquer. Attention aux languages que vous utiliserez car je suis qu'une débutante en la matière.

Merci d'avance

Lilli
Configuration: Windows XP

13 réponses

Résumé de la discussion

Le sujet porte sur un script JavaScript qui fait défiler des images en boucle tant que l'utilisateur n'a pas cliqué, et qui souhaite ouvrir directement une deuxième page après la dernière image. Des contributions évoquent l'utilisation de PHP/MySQL pour alimenter dynamiquement le diaporama et lier chaque image à une page, ou des méthodes JavaScript permettant une redirection après le défilement complet. Plusieurs contributions proposent des scripts variés et des ajustements, et au final une solution jugée très utile permettait d'obtenir l'automatisation souhaitée sans déployer de configurations compliquées. Certaines interventions évoquent aussi des détails pratiques comme le préchargement des images, la gestion des clics et les paramètres de compatibilité entre navigateurs, afin d'assurer une transition fluide vers la page cible.

Bobot (l’IA à votre service)
  1. Bonjour à tous, le script est pas mal du tout.
    J'ai mis le code MYSQL/PHP pour ceux que ça intéresse.

    imgPath = new Array;
    SiClickGoTo = new Array;
    if (document.images)
    {
    <?
    $maximum=15; /// maximum de photos que vous souhaitez toutes categories confondues

    $reqiu="SELECT * FROM `VOTRE_TABLE_ICI` order by rand() limit $maximum "; /// lecture aléatoire des photos dans la BDD
    $resltait= mysql_query("$reqiu")or die("Erreur.. :-)<br>Vous n'avez pas d'autorisation pour faire ce genre de chose !");
    $i=0;
    while ($ro=mysql_fetch_array($resltait))
    {
    $i++;
    ?>
    i<?=$i;?> = new Image;
    i<?=$i;?>.src = 'galerie/mini-<?=$ro[2];?>'; /// affichage de la photo
    SiClickGoTo[<?=$i;?>] = "galerie.php?id=<?=$ro[4];?>"; /// lien vers la photo ou la galerie contenant la photo
    imgPath[<?=$i;?>] = i<?=$i;?>.src;
    <?
    }
    ?>
    }
    a = 0;
    function ejs_img_fx(img)
    {
    if(img && img.filters && img.filters[0])
    {
    img.filters[0].apply();
    img.filters[0].play();
    }
    }

    function StartAnim()
    {
    if (document.images)
    {
    document.write('<A HREF="#" onClick="ImgDest();return(false)"><IMG SRC="" BORDER=0 ALT="Galeries photos" NAME=defil style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=100,Duration=1)"></A>');

    //// THEORIQUEMENT IL FAUT METTRE UNE IMAGE.. ici j'en ai pas mis, mais une image serait utile :-)

    defilimg()
    }
    else
    {
    document.write('<A HREF="galerie.php">Cliquez-ici pour afficher la galerie</A>')
    }
    }
    function ImgDest()
    {
    document.location.href = SiClickGoTo[a-1];
    }
    function defilimg()
    {
    if (a == <?=$maximum;?>)
    {
    a = 0;
    }
    if (document.images)
    {
    ejs_img_fx(document.defil)
    document.defil.src = imgPath[a];
    tempo3 = setTimeout("defilimg()",1500);
    a++;
    }
    }
    //-->

    Voilà, En remplaçant le nom de la table ainsi que les numéros des champs, vos photos s'afficheront toutes seules :-)

    ++
    Mikado
    1. s'il te plait Mik4do comment pourrais je utiliser ton code car je ne me retrouve pas trop j'ai zone dans une page php ou je souhaitais l'integrer.
    2. Bonjour,
      pourriez vous m'aider en m'expliquant pourquoi ma fonction Zoom ne fonctionne pas avec des variables dans onMouseOver balise IMG alors qu'elle fonctionne très bien avec des URL ?
      A savoir : <img id="photo" name="photo" src="../Images/2010 (1).png"; OnMouseOver="document.photo.src=zoom[i];" OnMouseOut="document.photo.src=diapo[i];">
      avec <SCRIPT language=javascript>
      <!--
      var i=1, j=1, k=0;
      diapo = new Array();
      diapo[1]="../Images/2010 (1).png";
      document.photo.src=diapo[i];
      zoom = new Array();
      zoom[1]="../Images/800x600/2010 (1).png";
      -->
      </script>
      ALORS que <img id="photo" name="photo" src="../Images/2010 (1).png"; OnMouseOver="document.photo.src='../Images/800x600/2010 (1).png';" OnMouseOut="this.src=' ../Images/2010 (1).png';"> fonctionne très bien.

      Merci pour votre aide
  2. Bonjour,

    Peux-t-on voir le code source du script pour vous aider ?
    1. Bonjour et merci

      Voici le script utilisé.

      <html>
      <head>
      <!-- DEBUT DU SCRIPT -->
      <SCRIPT LANGUAGE="JavaScript">
      /*
      SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
      http://www.editeurjavascript.com
      */
      imgPath = new Array;
      SiClickGoTo = new Array;
      if (document.images)
      {
      i0 = new Image;
      i0.src = 'image/entree 2.jpg';
      SiClickGoTo[0] = "entree.html";
      imgPath[0] = i0.src;
      i1 = new Image;
      i1.src = 'image/entree 3.jpg';
      SiClickGoTo[1] = "entree.html";
      imgPath[1] = i1.src;
      i2 = new Image;
      i2.src = 'image/entree 4.jpg';
      SiClickGoTo[2] = "entree.html";
      imgPath[2] = i2.src;
      i3 = new Image;
      i3.src = 'image/entree 5.jpg';
      SiClickGoTo[3] = "entree.html";
      imgPath[3] = i3.src;
      }
      a = 0;
      function ejs_img_fx(img)
      {
      if(img && img.filters && img.filters[0])
      {
      img.filters[0].apply();
      img.filters[0].play();
      }
      }

      function StartAnim()
      {
      if (document.images)
      {
      document.write('<A HREF="#" onClick="ImgDest();return(false)"><IMG SRC="image/entree 2.jpg" BORDER=0 ALT=Menu NAME=defil style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=100,Duration=1)"></A>');
      defilimg()
      }
      else
      {
      document.write('<A HREF="entree.html"><IMG SRC="image/entree 2.jpg" BORDER=0></A>')
      }
      }
      function ImgDest()
      {
      document.location.href = SiClickGoTo[a-1];
      }
      function defilimg()
      {
      if (a == 4)
      {
      a = 0;
      }
      if (document.images)
      {
      ejs_img_fx(document.defil)
      document.defil.src = imgPath[a];
      tempo3 = setTimeout("defilimg()",4000);
      a++;
      }
      }
      </SCRIPT>
      <!-- FIN DU SCRIPT -->
      <title> L'oasis de Figuig</title>
      </head>
      <body>
      <!-- DEBUT DU SCRIPT -->
      <!--
      SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
      http://www.editeurjavascript.com/scripts/scripts_images_1_55.php
      -->
      <SCRIPT LANGUAGE="JavaScript">
      StartAnim()
      </SCRIPT>
      <!-- FIN DU SCRIPT -->

      </html>
    2. @LilliBonjour !

      Excellent script. Peut-on insérer un paramètre _blank sur le lien de l'image ?

      Merci pour la réponse !
    3. Bonjour!
      je viens de passer 4h à trouver comment ouvrir les liens dans une nouvelle page!
      voici le code dans le head :
      <!-- DEBUT DU SCRIPT -->
      <script language="JavaScript">
      /*
      SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
      http://www.editeurjavascript.com
      */
      imgPath = new Array;
      SiClickGoTo = new Array;
      version = navigator.appVersion.substring(0,1);
      if (version >= 3)
      {
      i0 = new Image;
      i0.src = 'http://image.gif';
      SiClickGoTo[0] = "http://www.adresse.com";
      imgPath[0] = i0.src;
      i1 = new Image;
      i1.src = 'http://image.jpg';
      SiClickGoTo[1] = "http://www.adresse.com";
      imgPath[1] = i1.src;
      i2 = new Image;
      i2.src = 'http://image.jpg';
      SiClickGoTo[2] = "http://www.adresse.com";
      imgPath[2] = i2.src;
      
      }
      a = 0;
      function StartAnim()
      {
      if (version >= 3)
      {
      document.write('<A HREF="#"onClick="ImgDest();return(false)"><IMG SRC="http://www.--------.jpg" BORDER=0 ALT="Lire la news" NAME=defil style="filter:progid:DXImageTransform.Microsoft.Fade(duration=2.5,overlap=5.0)"></A>');
      defilimg()
      }
      else
      {
      document.write('<A HREF="http://www.---------.htm"><IMG SRC="http://www.--------.jpg" BORDER=0></A>')
      }
      }
      function ImgDest()
      {
      window.open(SiClickGoTo[a-1],'mainFrame')
      }
      function defilimg()
      {
      if (a == 8)
      {
      a = 0;
      }
      if (version >= 3)
      {
      document.defil.src = imgPath[a];
      tempo3 = setTimeout("defilimg()",4000);
      a++;
      }
      }
      </script><!-- FIN DU SCRIPT -->


      Et dans la partie body là ou vous voulez qu'il apparaisse :

      <!-- DEBUT DU SCRIPT -->
      <!--
      SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
      http://www.editeurjavascript.com
      -->
      <script language="JavaScript">
      StartAnim();
      </script><!-- FIN DU SCRIPT --><noscript>


      Vous pouvez voir ce que cela donne sur http://creaminois.com
  3. Merci pour ta réponse, voici le script utilisé :

    <html>
    <head>
    <!-- DEBUT DU SCRIPT -->
    <SCRIPT LANGUAGE="JavaScript">
    /*
    SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
    http://www.editeurjavascript.com
    */
    imgPath = new Array;
    SiClickGoTo = new Array;
    if (document.images)
    {
    i0 = new Image;
    i0.src = 'image/entree 2.jpg';
    SiClickGoTo[0] = "entree.html";
    imgPath[0] = i0.src;
    i1 = new Image;
    i1.src = 'image/entree 3.jpg';
    SiClickGoTo[1] = "entree.html";
    imgPath[1] = i1.src;
    i2 = new Image;
    i2.src = 'image/entree 4.jpg';
    SiClickGoTo[2] = "entree.html";
    imgPath[2] = i2.src;
    i3 = new Image;
    i3.src = 'image/entree 5.jpg';
    SiClickGoTo[3] = "entree.html";
    imgPath[3] = i3.src;
    }
    a = 0;
    function ejs_img_fx(img)
    {
    if(img && img.filters && img.filters[0])
    {
    img.filters[0].apply();
    img.filters[0].play();
    }
    }

    function StartAnim()
    {
    if (document.images)
    {
    document.write('<A HREF="#" onClick="ImgDest();return(false)"><IMG SRC="image/entree 2.jpg" BORDER=0 ALT=Menu NAME=defil style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=100,Duration=1)"></A>');
    defilimg()
    }
    else
    {
    document.write('<A HREF="entree.html"><IMG SRC="image/entree 2.jpg" BORDER=0></A>')
    }
    }
    function ImgDest()
    {
    document.location.href = SiClickGoTo[a-1];
    }
    function defilimg()
    {
    if (a == 4)
    {
    a = 0;
    }
    if (document.images)
    {
    ejs_img_fx(document.defil)
    document.defil.src = imgPath[a];
    tempo3 = setTimeout("defilimg()",4000);
    a++;
    }
    }
    </SCRIPT>
    <!-- FIN DU SCRIPT -->
    <title> L'oasis de Figuig</title>
    </head>
    <body>
    <!-- DEBUT DU SCRIPT -->
    <!--
    SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
    http://www.editeurjavascript.com/scripts/scripts_images_1_55.php
    -->
    <SCRIPT LANGUAGE="JavaScript">
    StartAnim()
    </SCRIPT>
    <!-- FIN DU SCRIPT -->

    </html>
    1. Dans la fonction :
      function defilimg()
      {
      if (a == 4)
      {
      remplacer ====> a = 0;
      par =======> ImgDest();
      }
      if (document.images)
      {
      ejs_img_fx(document.defil)
      document.defil.src = imgPath[a];
      tempo3 = setTimeout("defilimg()",4000);
      a++;
      }
      }

      et la boucle s'interrompt à la dernière image et accède à la page entree.html.
      1. Bonjour,
        J'utilise le même type de script et j'aimerais placer une fonction 'stop''continue' par survol de la souris.
        Par avance Merci.

        <SCRIPT LANGUAGE="JavaScript">
        imgPath = new Array;
        SiClickGoTo = new Array;

        if (document.images)
        {
        i0 = new Image;
        i0.src = 'http://www.-----jpg';
        SiClickGoTo[0] = "http://www.----.htm";
        imgPath[0] = i0.src;
        i1 = new Image;
        i1.src = 'http://www.-----.jpg';
        SiClickGoTo[1] = "http://www.----.htm";
        imgPath[1] = i1.src;
        i2 = new Image;
        i2.src = 'http://www.-------.jpg';
        SiClickGoTo[2] = "http://www.-----.htm";
        imgPath[2] = i2.src;
        }
        a = 0;
        function ejs_img_fx(img)
        {
        if(img && img.filters && img.filters[0])
        {
        img.filters[0].apply();
        img.filters[0].play();
        }
        }

        function StartAnim()
        {
        if (document.images)
        {
        document.write('<A HREF="#"onClick="ImgDest();return(false)"><IMG SRC="http://www.--------.jpg" BORDER=0 ALT="Lire la news" NAME=defil style="filter:progid:DXImageTransform.Microsoft.Fade(duration=2.5,overlap=5.0)"></A>');
        defilimg()
        }
        else
        {
        document.write('<A HREF="http://www.---------.htm"><IMG SRC="http://www.--------.jpg" BORDER=0></A>')
        }
        }
        function ImgDest()
        {
        window.open(SiClickGoTo[a-1],'mainFrame')
        }
        function defilimg()
        {
        if (a == 3)
        {
        a = 0;
        }
        if (document.images)
        {
        ejs_img_fx(document.defil)
        document.defil.src = imgPath[a];
        tempo3 = setTimeout("defilimg()",3100);
        a++;

        }
        }

        function MM_preloadImages() { //v3.0
        var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
        }

        </SCRIPT>

        <script language="JavaScript" type="text/javascript">
        StartAnim()
        </script>

        Configuration: Windows XP Internet Explorer 7.0
        Lire la suite
    2. Superbe comme script!!

      J'aimerai bien le compliquer un peu en allant chercher dans une base mysql (genre en local avec easyphp pour tester au debut) le chemin de l'image et le lien dédié. Sachant que le nombre d'images peut varier..

      Malheureusement, je connais que le php, java, va valoir que je m'y mette serieusement :)
      1. salut,
        j'ai ce petit script à proposer, glané sur le net.
        il marche impeccable: défilement d'images avec lien vers pages, message d'un même blog, ou page, message d'un autre blog
        il tourne sur mon blog: http://artgallery-mrdo.blogspot.com/
        et sur mon blog: http://mr-do-just-for-fun.blogspot.com/ sur celui-ci le script est visible et copiable.
        (il renvoie à des pages sur mon autre blog)
        @+
        1. alors,
          sympa ou pas ce script? utile à certains?
      2. Hyper utile !! Exactement ce que je cherchais, en plus sans casse tête.

        Un grand merci à toi
        1. c'est un plaisir

          @+
          1. salut,
            vous êtes nombreux à passer voir ce que donne le script sur mon blog.
            Merci.
            Repassez par ici pour donner vos commentaires, facile à installer, marche bien, des difficultés particulières.
            mettez un petit mot.
            @+
          2. @mrdoBonjour!

            Bien sympa ce script. J'ai un petit souci avec, c'est toujours la première image qui défile. Ca doit être tout bête mais je ne parviens pas à faire succéder les autres images.

            Le résultat est visible sur le lien suivant: http://www.beauteetbienetre.org

            Merci par avance pour votre éclairage!!!
            Le scipt renseigné est le suivant:

            < type="text/javascript">
            //Specify the slider's width (in pixels)
            var sliderwidth="183px"
            //Specify the slider's height
            var sliderheight="170px"
            //Specify the slider's slide speed (larger is faster 1-10)
            var slidespeed=1
            //configure background color:
            slidebgcolor="#FFFFFF"

            //Specify the slider's images
            var leftrightslide=new Array()
            var finalslide=''
            leftrightslide[0]='<a href="http://www.beauteetbienetre.org/fr/Maquillage.html"><img border="1" src="http://www.beauteetbienetre.org/img/Oeil2.jpg"/></a>'
            leftrightslide[1]='<a href="http://www.beauteetbienetre.org/fr/SoinsVisage.html"><img border="1" src="http://www.beauteetbienetre.org/img/Visage2.jpg"/></a>'
            leftrightslide[2]='<a href="http://www.beauteetbienetre.org/fr/Mariage.html"><img border="1" src="http://www.beauteetbienetre.org/img/wedding2.jpg"/></a>'
            leftrightslide[3]='<a href="http://www.beauteetbienetre.org/fr/SoinsCorps.html"><img border="1" src="http://www.beauteetbienetre.org/img/Visage2.jpg"/></a>'
            //Specify gap between each image (use HTML):
            var imagegap=" "

            //Specify pixels gap between each slideshow rotation (use integer):
            var slideshowgap=2

            ////NO NEED TO EDIT BELOW THIS LINE////////////

            var copyspeed=slidespeed
            leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
            var iedom=document.all||document.getElementById
            if (iedom)
            document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
            var actualwidth=''
            var cross_slide, ns_slide

            function fillup(){
            if (iedom){
            cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
            cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
            cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
            actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
            cross_slide2.style.left=actualwidth+slideshowgap+"px"
            }
            else if (document.layers){
            ns_slide=document.ns_slidemenu.document.ns_slidemenu2
            ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
            ns_slide.document.write(leftrightslide)
            ns_slide.document.close()
            actualwidth=ns_slide.document.width
            ns_slide2.left=actualwidth+slideshowgap
            ns_slide2.document.write(leftrightslide)
            ns_slide2.document.close()
            }
            lefttime=setInterval("slideleft()",30)
            }
            window.onload=fillup

            function slideleft(){
            if (iedom){
            if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
            cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
            else
            cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"

            if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
            cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
            else
            cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"

            }
            else if (document.layers){
            if (ns_slide.left>(actualwidth*(-1)+8))
            ns_slide.left-=copyspeed
            else
            ns_slide.left=ns_slide2.left+actualwidth+slideshowgap

            if (ns_slide2.left>(actualwidth*(-1)+8))
            ns_slide2.left-=copyspeed
            else
            ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
            }
            }

            if (iedom||document.layers){
            with (document){
            document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
            if (iedom){
            write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
            write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed">')
            write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
            write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
            write('</div></div>')
            }
            else if (document.layers){
            write('<ilayer width="+sliderwidth+" height="+sliderheight+" name="ns_slidemenu" bgcolor="+slidebgcolor+">')
            write('<layer left="0" top="0" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed" name="ns_slidemenu2"></layer>')
            write('<layer left="0" top="0" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed" name="ns_slidemenu3"></layer>')
            write('</ilayer>')
            }
            document.write('</td></table>')
            }
            }
            </script>
          3. @xvtlle sripte ci-dessus est pour un défilement horizontal

            le sripte que utilise sur ton site est MARQUEE je l'ai copié sur mon blog et il marche pourtant

            <marquee onmouseout="this.start()" direction="down" align="center" behavior="scroll" scrollamount="1" scrolldelay="1" height="170" onmouseover="this.stop()">
            <a href="http://www.beauteetbienetre.org/fr/Maquillage.html"><img border="1" src="http://www.beauteetbienetre.org/img/Oeil2.jpg"/></a>
            <a href="http://www.beauteetbienetre.org/fr/SoinsVisage.html"><img border="1" src="http://www.beauteetbienetre.org/img/Visage2.jpg"/></a>
            <a href="http://www.beauteetbienetre.org/fr/Mariage.html"><img border="1" src="http://www.beauteetbienetre.org/img/wedding2.jpg"/></a>
            <a href="http://www.beauteetbienetre.org/fr/SoinsCorps.html"><img border="1" src="http://www.beauteetbienetre.org/img/Esthet12.jpg"/></a>
            <a href="http://www.beauteetbienetre.org/fr/Epilation.html"><img border="1" src="http://www.beauteetbienetre.org/img/Epilation2.jpg"/></a>
            <a href="http://www.beauteetbienetre.org/fr/Onglerie.html"><img border="1" src="http://www.beauteetbienetre.org/img/Ongles2.jpg"/></a></marquee>

            copie le et essaye encore.

            regarde ton scroll sur mon blog
            http://artgallery-mrdo.blogspot.com
          4. @mrdosinon essaye de déplacer ton mini lecteur, peut-être un conflit dans le code de ta page
        2. bonjour
          je cherche le script ou le code source d'un carrousel, images qui se défilent mais avec des numéros
          comme sur le site (sur la droite)

          http://www.rueducommerce.fr/home/index.htm

          merci d'avance
          1. Dis moi Viamou je cherche exactement le même type de défilement ! AS TU TROUVé un script ? Ce serait trop sympa de le partager

            D'avance merci ; )
        3. malheureusement, non je n'ai pas trouvé , si j'ai quelque chose je te tiens en courant t'inquiète ;)
          1. Bonjour, vu le style de l'exemple c'est un canevas sur lequel est lu un fichier XML.
            Dans le cas ou c'est sélectionné, à gauche il propose la photo plus grande et affiche le contenu texte du produit.
            Le lien du caddy est unique et garde l'id du produit qui sera ajouté au caddy. (reprise de la variable id)

            C'est une simple lecture de fichier XML... dans un swf.
            Les produits sont toujours identiques. Donc pas de craintes de bases de données.

            Si par après vous souhaitez le faire en base de données... vous faites enclencher 1 fichier php à 1h du matin tous les jours, la génération de ce fichier.
            Ainsi, vous avez un affichage différent par jour. (ou, à chaque visite d'un internaute.. on génère un xml ... mais là, ça risque de chauffer, c'est du personnalisé.)

            Euh... non je n'ai pas ce script non plus lol
            1. j'ai la solution tout dépant après en combien de temps les images vont défiler enfin quand la dernière image apparait

              <html>
              <body>
              <?php
              header('Refresh: LETEMPSDEDEFILEMENTDESIMAGES;URL=LURAREDIRIGER');
              echo'LEMESSAGEQUETUVEUXQUANDLAREDIRECTIONSELANCE'
              ?>
              </body>
              </html>

              tu dois changer : LETEMPSDEDEFILEMENTDESIMAGES avec le temps de défilement des images

              LURAREDIRIGER avec ta page de site (celle vers laquelle tu veux rediriger)

              LEMESSAGEQUETUVEUXQUANDLAREDIRECTIONSELANCE avec tout est à gauche ;)

              derien sa ma fait plaisir ;)