Script image aléatoire toute les 20 secondes

Bonjour,

je recherche un script capable de changer d'image toutes les 20 secondes par exemple, les seuls scripts que j'ai trouvé permettent de changer d'image seulement au rechargement de la page.

cordialement
Configuration: Windows Vista
Firefox 3.5.6

4 réponses

  1. alors voila le lien http://mr-do-just-for-fun.blogspot.com/

    un peu plus bas le code

    je ne sais pas pourquoi ça ne marche pas, que dois ajouter a ce code ? juste les liens et les images ?

    il ne manque pas <a> dans ce bout de code ( leftrightslide[0]='< href="URL du lien"> < border="1" src="URL de l'image"> < /a >' ligne 14 ?

    merci de votre aide.
    1. bonjour est merci

      mais je trouve le premier code peut être compliquer pour moi,

      cependant j'ai trouvé ça, mais ça ne marche pas, quelqu'un pourrais me dire exactement les valeurs a changer, merci

      < type="text/javascript">
      //Specify the slider's width (in pixels)
      var sliderwidth="250px" (modifier la largeur)
      //Specify the slider's height
      var sliderheight="170px" (modifier la hauteur)
      //Specify the slider's slide speed (larger is faster 1-10)
      var slidespeed=1 (modifier la vitesse: 1 = lent)
      //configure background color:
      slidebgcolor="#000000" (modifiez la couleur de fond)

      //Specify the slider's images
      var leftrightslide=new Array()
      var finalslide=''
      leftrightslide[0]='< href="URL du lien"> < border="1" src="URL de l'image"> < /a >'
      leftrightslide[1]='< href="URL du lien"> < border="1" src="URL de l'image"> < /a >'
      leftrightslide[2]='< href="URL du lien"> < border="1" src="URL de l'image"> < /a >'
      leftrightslide[3]='< href="URL du lien"> < border="1" src="URL de l'image"> < /a >'
      leftrightslide[4]='< href="URL du lien"> < border="1" src="URL de l'image"> < /a >'
      //Specify gap between each image (use HTML):
      var imagegap=" "

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

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

      var copyspeed=slidespeed
      leftrightslide='<>'+leftrightslide.join(imagegap)+'< /nobr >'
      var iedom=document.all||document.getElementById
      if (iedom)
      document.write('< 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('< border="0" cellspacing="0" cellpadding="0"> <>')
      if (iedom){
      write('< style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden"> ')
      write('< style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed">')
      write('< id="test2" style="position:absolute;left:0px;top:0px"> < / div >')
      write('< id="test3" style="position:absolute;left:-1000px;top:0px"> < / div >')
      write('< /div> < /div >')
      }
      else if (document.layers){
      write('< width="+sliderwidth+" height="+sliderheight+" name="ns_slidemenu" bgcolor="+slidebgcolor+"> ')
      write('< left="0" top="0" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed" name="ns_slidemenu2"> < /layer >')
      write('< left="0" top="0" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed" name="ns_slidemenu3"> < /layer >')
      write('< /ilayer >')
      }
      document.write('< / td > < /table >')
      }
      }
      < /script >
      1. Modérateur
        ben déjà au moins ça ....
        <script type="text/javascript">
        <!--
        Xt_param = 's=194857&p=15';
        Xt_r = document.referrer;
        Xt_h = new Date();
        Xt_i = '<img width="39" height="25" border="0" ';
        Xt_i += 'src="https://logv27.xiti.com/hit.xiti?fh=1&%27+Xt_param;&Rdt=On
        Xt_i += '&hl='+Xt_h.getHours()+'x'+Xt_h.getMinutes()+'x'+Xt_h.getSeconds();
        if(parseFloat(navigator.appVersion)>=4)
        {Xt_s=screen;Xt_i+='&r='+Xt_s.width+'x'+Xt_s.height+'x'+Xt_s.pixelDepth+'x'+Xt_s.colorDepth;}
        document.write(Xt_i+'&ref='+Xt_r.replace(/[<>"]/g, '').replace(/&/g, '$')+'" title="Analyse d\'audience">');
        //-->
        </script><img src="javaaimageslideshow_fichiers/hit.gif" title="Analyse d'audience" width="39" border="0" height="25">
        <noscript>
        <img width="39" height="25" src="https://logv27.xiti.com/hit.xiti?fh=1&s=194857&p=&Rdt=On" alt="Analyse d'audience" />
        </noscript></a> 

        pas utile puisque 'personnel' ...
        1. <!-- TROIS ETAPES D'INSTALLER EFFECT DE FADER IMAGE (IMAGE SLIDESHOW) :

          1. METTEZ LE CODE 1 ENTRE LES HEAD DU DOCUMENT HTML

          2. AJOUTER onLoad DANS LA PREMIERE BALISE <BODY>

          3. PLACEZ LE DERNIER CODE 3 ENTRE LES BALISES <BODY> DU DOCUMENT HTML -->

          <!-- ETAPE 1 : INSEREZ LE CODE 1 ENTRE LES BALISES <HEAD>..</HEAD> -->

          CODE 1:

          <script>

          // Definir les variables suivants

          // Definir la vitesse slideShowSpeed en millisecondes

          var slideShowSpeed = 5000

          // La durée de crossfade en secondes)

          var crossFadeDuration = 3

          // Spécifier les dossiers d'image

          var Pic = new Array() // ne toucher pas qa

          // pour ajouter plus d'images ou juste continuer

          // le modèle, en ajoutant au tableau ci dessous

          Pic[0] = 'michael.jpg'

          Pic[1] = 'leila.jpg'

          Pic[2] = 'm5.jpg'

          Pic[3] = 'mariah.jpg'

          Pic[4] = 'tyson1.jpg'

          // ne pas Toucher(editer) la ligne ci dessous

          var t

          var j = 0

          var p = Pic.length

          var preLoad = new Array()

          for (i = 0; i < p; i++){

          preLoad[i] = new Image()

          preLoad[i].src = Pic[i]

          }

          function runSlideShow(){

          if (document.all){

          document.images.SlideShow.style.filter="blendTrans(duration=2)"

          document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"

          document.images.SlideShow.filters.blendTrans.Apply()

          }

          document.images.SlideShow.src = preLoad[j].src

          if (document.all){

          document.images.SlideShow.filters.blendTrans.Play()

          }

          j = j + 1

          if (j > (p-1)) j=0

          t = setTimeout('runSlideShow()', slideShowSpeed)

          }

          </script>

          <!-- ETAPE 2 : INSEREZ onLoad DANS LA PREMIERE BALISES <BODY> DU DOCUMENT -->

          <body onLoad="runSlideShow()">

          <!-- ETAPE 3 : INSEREZ LE CODE CI DESSOUS ENTRE LES DEUX BALISES <BODY>...</BODY> DU DOCUMENT -->

          <table border="0" cellpadding="0" cellspacing="0">

          <tr>

          <td id="VU" height=150 width=150>

          <img src="slideshow1_1.jpg" name='SlideShow' width=150 height=150></td>

          </tr>

          </table>

          </tbody></table>

          <!--content_stop-->

          </p><p>

          <script type="text/javascript">
          <!--
          Xt_param = 's=194857&p=15';
          Xt_r = document.referrer;
          Xt_h = new Date();
          Xt_i = '<img width="39" height="25" border="0" ';
          Xt_i += 'src="https://logv27.xiti.com/hit.xiti?fh=1&%27+Xt_param;&Rdt=On
          Xt_i += '&hl='+Xt_h.getHours()+'x'+Xt_h.getMinutes()+'x'+Xt_h.getSeconds();
          if(parseFloat(navigator.appVersion)>=4)
          {Xt_s=screen;Xt_i+='&r='+Xt_s.width+'x'+Xt_s.height+'x'+Xt_s.pixelDepth+'x'+Xt_s.colorDepth;}
          document.write(Xt_i+'&ref='+Xt_r.replace(/[<>"]/g, '').replace(/&/g, '$')+'" title="Analyse d\'audience">');
          //-->
          </script><img src="javaaimageslideshow_fichiers/hit.gif" title="Analyse d'audience" width="39" border="0" height="25">
          <noscript>
          <img width="39" height="25" src="https://logv27.xiti.com/hit.xiti?fh=1&s=194857&p=&Rdt=On" alt="Analyse d'audience" />
          </noscript></a>

          </p><p>

          </p></center></body></html></style></noframes></pre></xmp></noscript>

          <div id="catfish01103428" style="display:none"></div>
          <script src="http://ads.mmania.com/displaycf.js.php?r=01103428&cc=fr" type=text/javascript></script>

          <script type="text/javascript">
          var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
          document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
          </script>
          <script type="text/javascript">
          try {
          var pageTracker = _gat._getTracker("UA-7539432-8");
          pageTracker._trackPageview();
          } catch(err) {}
          </script>

          Voila ce que j'ai trouver sur CCM