Script image aléatoire toute les 20 secondes

kaizen17 Messages postés 87 Statut Membre -  
kaizen17 Messages postés 87 Statut Membre -
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. kaizen17 Messages postés 87 Statut Membre 23
     
    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
  2. Petit Raptor Messages postés 214 Statut Membre 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
    0
  3. bg62 Messages postés 23433 Date d'inscription   Statut Modérateur Dernière intervention   2 435
     
    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' ...
    0
  4. kaizen17 Messages postés 87 Statut Membre 23
     
    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