Script image aléatoire toute les 20 secondes [Fermé]

kaizen17 85 Messages postés vendredi 12 septembre 2008Date d'inscription 23 mars 2011 Dernière intervention - 27 déc. 2009 à 19:47 - Dernière réponse : kaizen17 85 Messages postés vendredi 12 septembre 2008Date d'inscription 23 mars 2011 Dernière intervention
- 28 déc. 2009 à 18:18
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
Afficher la suite 

4 réponses

kaizen17 85 Messages postés vendredi 12 septembre 2008Date d'inscription 23 mars 2011 Dernière intervention - 28 déc. 2009 à 10:47
+1
Utile
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 >
Cette réponse vous a-t-elle aidé ?  
Petit Raptor 187 Messages postés mardi 22 décembre 2009Date d'inscription 16 mars 2010 Dernière intervention - 27 déc. 2009 à 19:51
0
Utile
<!-- 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="http://logv27.xiti.com/hit.xiti?'+Xt_param;
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="http://logv27.xiti.com/hit.xiti?s=194857&p=" 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
bg62 22722 Messages postés samedi 22 octobre 2005Date d'inscriptionContributeurStatut 1 décembre 2017 Dernière intervention - 28 déc. 2009 à 10:32
0
Utile
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="http://logv27.xiti.com/hit.xiti?'+Xt_param;
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="http://logv27.xiti.com/hit.xiti?s=194857&p=" alt="Analyse d'audience" />
</noscript></a> 

pas utile puisque 'personnel' ...
kaizen17 85 Messages postés vendredi 12 septembre 2008Date d'inscription 23 mars 2011 Dernière intervention - 28 déc. 2009 à 18:18
-1
Utile
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.