Posez votre question Signaler

Script image aléatoire toute les 20 secondes

kaizen17 85Messages postés vendredi 12 septembre 2008Date d'inscription 23 mars 2011Dernière intervention - Dernière réponse le 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
Lire la suite 
Réponse
+1
moins plus
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 >
Ajouter un commentaire
Réponse
+0
moins plus
<!-- 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
Ajouter un commentaire
Réponse
+0
moins plus
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' ...
Ajouter un commentaire
Réponse
-1
moins plus
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.
Ajouter un commentaire
Ce document intitulé «  script image aléatoire toute les 20 secondes  » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes.

Le fait d'être membre vous permet d'avoir des options supplémentaires.