Script image aléatoire toute les 20 secondes
Fermé
kaizen17
Messages postés
85
Date d'inscription
vendredi 12 septembre 2008
Statut
Membre
Dernière intervention
23 mars 2011
-
27 déc. 2009 à 19:47
kaizen17 Messages postés 85 Date d'inscription vendredi 12 septembre 2008 Statut Membre Dernière intervention 23 mars 2011 - 28 déc. 2009 à 18:18
kaizen17 Messages postés 85 Date d'inscription vendredi 12 septembre 2008 Statut Membre Dernière intervention 23 mars 2011 - 28 déc. 2009 à 18:18
A voir également:
- Script image aléatoire toute les 20 secondes
- Script vidéo youtube - Guide
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Google recherche par image - Guide
- Faststone image viewer - Télécharger - Visionnage & Diaporama
4 réponses
kaizen17
Messages postés
85
Date d'inscription
vendredi 12 septembre 2008
Statut
Membre
Dernière intervention
23 mars 2011
23
28 déc. 2009 à 10:47
28 déc. 2009 à 10:47
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 >
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 >
Petit Raptor
Messages postés
187
Date d'inscription
mardi 22 décembre 2009
Statut
Membre
Dernière intervention
16 mars 2010
1
27 déc. 2009 à 19:51
27 déc. 2009 à 19:51
<!-- 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. 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
bg62
Messages postés
23590
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
15 avril 2024
2 362
28 déc. 2009 à 10:32
28 déc. 2009 à 10:32
ben déjà au moins ça ....
pas utile puisque 'personnel' ...
<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' ...
kaizen17
Messages postés
85
Date d'inscription
vendredi 12 septembre 2008
Statut
Membre
Dernière intervention
23 mars 2011
23
28 déc. 2009 à 18:18
28 déc. 2009 à 18:18
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.
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.