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. <!-- 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
    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. 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. 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.