diaporama déroulant

Forum

La doc’

Bien utiliser la doc ?

Besoin d'aide pour votre site ? Inscrivez-vous gratuitement !

Pages :

Accueil forum > Autres contenus > diaporama déroulant

claude94
     •3136 messages
     •Inscrit le 13/4/2007

de claude94 le 6/12/2007 à 12:58:43

SCRIPT

<!-- DEBUT DU SCRIPT IMAGE DEFILANTE --><SCRIPT>
// CREDITS:
// Horizontal Slide Scroller.0
// By Urs Dudli and Peter Gehrig
// Copyright (c) 2002 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at <a href="http://www.24fun.com" target="_blank">http://www.24fun.com</a>
// <a href="mailto:info@24fun.com" target="_blank">info@24fun.com</a>
// 8/6/2002


// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a highly visible link to
// <a href="http://www.24fun.com" target="_blank">http://www.24fun.com</a> on the webpage
// where this script will be featured


// CONFIGURATION:
// Go to <a href="http://www.24fun.com" target="_blank">http://www.24fun.com</a>
// and create your own slideshow
// with our new Slideshow Factory.


// URLs of slides
var slideurl=new Array("http://thinesclaude.wifeo.com/images/1989-emir-kusturika.jpg","http://thinesclaude.wifeo.com/images/1989-emir-kusturika.jpg","http://thinesclaude.wifeo.com/images/1989-emir-kusturika.jpg","http://thinesclaude.wifeo.com/images/1989-emir-kusturika.jpg","http://thinesclaude.wifeo.com/images/1989-emir-kusturika.jpg","http://thinesclaude.wifeo.com/images/1989-emir-kusturika.jpg","http://thinesclaude.wifeo.com/images/1989-emir-kusturika.jpg","http://thinesclaude.wifeo.com/images/1989-emir-kusturika.jpg","http://thinesclaude.wifeo.com/images/1989-emir-kusturika.jpg")


// comments displayed below the slides
var slidecomment=new Array("Kusturica","Kusturica","Image 3","Image 4","Image 5","Image 6","Image 7","Image 8","Image 9")


// links for each slide
var slidelink=new Array("http://thinesclaude.wifeo.com","http://thinesclaude.wifeo.com","http://thinesclaude.wifeo.com","http://thinesclaude.wifeo.com","http://thinesclaude.wifeo.com","http://thinesclaude.wifeo.com","http://thinesclaude.wifeo.com","http://thinesclaude.wifeo.com","http://thinesclaude.wifeo.com")


// targets of the links
var slidetarget=new Array("_blank","_blank","_blank","_blank")


// the width of the slideshow (pixels)
var scrollerwidth=530


// the height of the slideshow (pixels)
var scrollerheight=140


// font-attributes for the comments
var slidefont="Arial"
var slidefontcolor="blue"
var slidefontsize="2"


// do not edit below this line
var allpicturewidth
var distancepictopic=0
var scrollerleft=0
var scrollertop=0
var pause=20
var step=2
var newstep=step
var clipleft,clipright,cliptop,clipbottom
var i_picture=0
var timer
var picturecontent=""
var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0 
var ie=document.all?1:0


var preloadedimages=new Array()
for (i=0;i<slideurl.length;i++){
preloadedimages<em>=new Image()
preloadedimages<em>.src=slideurl<em>
}


function init() {
if (ie) {
allpicturewidth=document.all.picturediv.offsetWidth
document.all.picturediv.style.posTop=scrollertop
document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
clipleft=0
clipright=0
cliptop=0
clipbottom=scrollerheight
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.picturediv.style.visibility="visible"
scrollpicture()

}
if (ns6) {
allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
document.getElementById('picturediv').style.top=scrollertop
document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
clipleft=0
clipright=0
cliptop=0
clipbottom=scrollerheight
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.getElementById('picturediv').style.visibility="visible"
scrollpicture() 
}
if (ns4) {
allpicturewidth=document.roof.document.picturediv.document.width
document.roof.document.picturediv.top=scrollertop
document.roof.document.picturediv.left=scrollerleft+scrollerwidth
document.roof.document.picturediv.clip.left=0
document.roof.document.picturediv.clip.right=0
document.roof.document.picturediv.clip.top=0
document.roof.document.picturediv.clip.bottom=scrollerheight
document.roof.document.picturediv.visibility="visible"
scrollpicture()
}
}


function scrollpicture() {
if (ie) {
if (document.all.picturediv.style.posLeft>=scrollerleft-allpicturewidth) {
document.all.picturediv.style.posLeft-=step
clipright+=step
if (clipright>scrollerwidth) {
clipleft+=step
}
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" 
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
if (ns6) {
if (parseInt(document.getElementById('picturediv').style.left)>=scrollerleft-allpicturewidth) {
document.getElementById('picturediv').style.left=parseInt(document.getElementById('picturediv').style.left)-step
clipright+=step
if (clipright>scrollerwidth) {
clipleft+=step
}
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" 
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
if (ns4) {
if (document.roof.document.picturediv.left>=scrollerleft-allpicturewidth) {
document.roof.document.picturediv.left-=step
document.roof.document.picturediv.clip.right+=step
if (document.roof.document.picturediv.clip.right>scrollerwidth) {
document.roof.document.picturediv.clip.left+=step
}
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
}


function onmsover() {
step=0
}
function onmsout() {
step=newstep
}


function resetposition() {
if (ie) {
document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
clipleft=0
clipright=0
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollpicture()
}
if (ns6) {
allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
clipleft=0
clipright=0
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollpicture()
}
if (ns4) {
document.roof.document.picturediv.left=scrollerleft+scrollerwidth
document.roof.document.picturediv.clip.left=0

document.roof.document.picturediv.clip.right=0
scrollpicture()
}
}


picturecontent=""
picturecontent+="<table cellpadding=2 cellspacing=0>"
picturecontent+="<tr>"
for (i=0;i<=slideurl.length-1;i++) {
picturecontent+="<td>"
picturecontent+="<a href=""+slidelink<em>+"" target=""+slidetarget<em>+"" onMouseOver="javascript<img src=http://forums.wifeo.com/forum/smiley/surprise.gif border=0>nmsover()" onMouseOut="javascript<img src=http://forums.wifeo.com/forum/smiley/surprise.gif border=0>nmsout()">"
picturecontent+="<img src=""+slideurl<em>+"" border=0></a>"
picturecontent+="</td>"
}
picturecontent+="</tr>"
picturecontent+="<tr>"
for (i=0;i<=slideurl.length-1;i++) {
picturecontent+="<td>"
picturecontent+="<font face=""+slidefont+"" color=""+slidefontcolor+"" size="+slidefontsize+">"
picturecontent+=slidecomment<em>
picturecontent+="</font>"
picturecontent+="</td>"
}
picturecontent+="</tr>"
picturecontent+="</tr></table>"


if (ie || ns6) {
document.write('<div style="position:relative;width:'+scrollerwidth+'px;height:'+scrollerheight+'px;overflow:hidden">')
document.write('<div id="picturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')
document.write('</div>')
document.write('<div id="emptypicturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')
window.onload=init
}


if (ns4) {
document.write('<ilayer name="roof" width='+scrollerwidth+' height='+scrollerheight+'>')
document.write('<layer name="picturediv" width='+scrollerwidth+' height='+scrollerheight+' visibility=hide>'+picturecontent+'</layer>')
document.write('</ilayer>')
window.onload=init
}
</script><!-- FIN DU SCRIPT IMAGE DEFILANTE -->

Et voilà...Tu n'a plus qu'à remplacer mes liens par les tiens. Regarde un exemple ici : http://thinesclaude.wifeo.com/exemple-4.php

J'ai mis les 9 mêmes images pour simplifier...Tu peux en mettre autant que tu veux...

Attention : fais en sorte que toutes tes images soient exactement de la même taille. Change aussi la dimension du cadre (var scrollerwidth=530) et (var scrollerheight=140)en fonction de la taille de tes images.

EDIT : Bizarre que ce post soit aussi large...??

Dernière édition du message le 6/12/2007 à 13:00:25.

`un enfant ne doit être sali que par la poussière qu`il a sur les genoux` claude thinès...

leboisnepeinture
     •288 messages
     •Inscrit le 4/9/2007

de leboisnepeinture le 6/12/2007 à 13:17:53

merci jvais essayer c tres gentil . (ouai le post est large c'est pour que je comprenne mieu

)

Je comprend vite , mais il faut m`expliquer longtemps;!!!

alex-31
     •854 messages
     •Inscrit le 7/8/2006

de alex-31 le 8/12/2007 à 14:31:07

heuhhh c'est quoi caroussel ?
.

Http://tfc.wifeo.com > sur le tfc http://counter-strike.c4.fr

leboisnepeinture
     •288 messages
     •Inscrit le 4/9/2007

de leboisnepeinture le 8/12/2007 à 21:58:35

ou ta vu carroussel?? ben c comme un manège qui tourne mais pour les photos.

Je comprend vite , mais il faut m`expliquer longtemps;!!!

claude94
     •3136 messages
     •Inscrit le 13/4/2007

de claude94 le 8/12/2007 à 22:04:17

C'est pas que c'est "comme un manège"...c'est un manège...! lol
Comme le caroussel mondialement connu qui se trouve au pied de la Tour Eiffel...Mais à Toulouse y'a pas de.........Tour Eiffel...! lol

`un enfant ne doit être sali que par la poussière qu`il a sur les genoux` claude thinès...

leboisnepeinture
     •288 messages
     •Inscrit le 4/9/2007

de leboisnepeinture le 8/12/2007 à 23:36:21

mais pourquoi il parle de carroussel?, (j'ai du louper un post!!! lol) spas grave je rame toujours pour les images mais je maccroche

Je comprend vite , mais il faut m`expliquer longtemps;!!!

leboisnepeinture
     •288 messages
     •Inscrit le 4/9/2007

de leboisnepeinture le 9/12/2007 à 16:11:21

haaaarrgg!!! y a rien a faire j'y arrive pas je doit bloquer quelque part jcomprend pas j'ai pourtant tout rectifier mot par mot et les adresse ne s'affiche pas en bleu, et quand je met le scripte sur la page voulu ..... rien.
esque ca aurai à voir avec la taille de mes images,,?? si elles ne sont pas à la meme taille? ou heu...un truc que je n'aurai pas changer?? jvais mettre se que j'ai rectifier pour plus de simpliciter. jsuis désoler mais j'aimerai arriver à faire cà.

et c grrrrrr de pas y arriver

Je comprend vite , mais il faut m`expliquer longtemps;!!!

leboisnepeinture
     •288 messages
     •Inscrit le 4/9/2007

de leboisnepeinture le 9/12/2007 à 16:17:05

voila j'ai rectifier ca:

SCRIPT

<!-- DEBUT DU SCRIPT IMAGE DEFILANTE --><SCRIPT>
// CREDITS:
// Horizontal Slide Scroller.0
// By Urs Dudli and Peter Gehrig
// Copyright (c) 2002 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at<a href="http://www.24fun.com" target=_blank>http://www.24fun.com</a>
// <a href="mailto:info@24fun.com" target="_blank">info@24fun.com</a>
// 8/6/2002


// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a highly visible link to
//<a href="http://www.24fun.com" target=_blank>http://www.24fun.com</a> on the webpage
// where this script will be featured


// CONFIGURATION:
// Go to<a href="http://www.24fun.com" target=_blank>http://www.24fun.com</a>
// and create your own slideshow
// with our new Slideshow Factory.


// URLs of slides
var slideurl=new Array("<a href="http://leboisnepeinture.wifeo.com/images/100_6619-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6621-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6622-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6623-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6624-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6625-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6626-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6627-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6628-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6629-coul.JPG")target=_blank>"http://leboisnepeinture.wifeo.com/images/100_6619-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6621-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6622-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6623-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6624-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6625-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6626-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6627-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6628-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6629-coul.JPG")" ></a>


// comments displayed below the slides
var slidecomment=new Array("Kusturica","Kusturica","Image 3","Image 4","Image 5","Image 6","Image 7","Image 8","Image 9")


// links for each slide
var slidelink=new Array("<a href="http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com")" target=_blank>http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com")</a>


// targets of the links
var slidetarget=new Array("_blank","_blank","_blank","_blank")


// the width of the slideshow (pixels)
var scrollerwidth=530


// the height of the slideshow (pixels)
var scrollerheight=140


// font-attributes for the comments
var slidefont="Arial"
var slidefontcolor="blue"
var slidefontsize="2"


// do not edit below this line
var allpicturewidth
var distancepictopic=0
var scrollerleft=0
var scrollertop=0
var pause=20
var step=2
var newstep=step
var clipleft,clipright,cliptop,clipbottom
var i_picture=0
var timer
var picturecontent=""
var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0 
var ie=document.all?1:0


var preloadedimages=new Array()
for (i=0;i<slideurl.length;i++){
preloadedimages<em>=new Image()
preloadedimages<em>.src=slideurl<em>
}


function init() {
if (ie) {
allpicturewidth=document.all.picturediv.offsetWidth
document.all.picturediv.style.posTop=scrollertop
document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
clipleft=0
clipright=0
cliptop=0
clipbottom=scrollerheight
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.picturediv.style.visibility="visible"
scrollpicture()

}
if (ns6) {
allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
document.getElementById('picturediv').style.top=scrollertop
document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
clipleft=0
clipright=0
cliptop=0
clipbottom=scrollerheight
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.getElementById('picturediv').style.visibility="visible"
scrollpicture() 
}
if (ns4) {
allpicturewidth=document.roof.document.picturediv.document.width
document.roof.document.picturediv.top=scrollertop
document.roof.document.picturediv.left=scrollerleft+scrollerwidth
document.roof.document.picturediv.clip.left=0
document.roof.document.picturediv.clip.right=0
document.roof.document.picturediv.clip.top=0
document.roof.document.picturediv.clip.bottom=scrollerheight
document.roof.document.picturediv.visibility="visible"
scrollpicture()
}
}


function scrollpicture() {
if (ie) {
if (document.all.picturediv.style.posLeft>=scrollerleft-allpicturewidth) {
document.all.picturediv.style.posLeft-=step
clipright+=step
if (clipright>scrollerwidth) {
clipleft+=step
}
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" 
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
if (ns6) {
if (parseInt(document.getElementById('picturediv').style.left)>=scrollerleft-allpicturewidth) {
document.getElementById('picturediv').style.left=parseInt(document.getElementById('picturediv').style.left)-step
clipright+=step
if (clipright>scrollerwidth) {
clipleft+=step
}
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" 
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
if (ns4) {
if (document.roof.document.picturediv.left>=scrollerleft-allpicturewidth) {
document.roof.document.picturediv.left-=step
document.roof.document.picturediv.clip.right+=step
if (document.roof.document.picturediv.clip.right>scrollerwidth) {
document.roof.document.picturediv.clip.left+=step
}
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
}


function onmsover() {
step=0
}
function onmsout() {
step=newstep
}


function resetposition() {
if (ie) {
document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
clipleft=0
clipright=0
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollpicture()
}
if (ns6) {
allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
clipleft=0
clipright=0
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollpicture()
}
if (ns4) {
document.roof.document.picturediv.left=scrollerleft+scrollerwidth
document.roof.document.picturediv.clip.left=0

document.roof.document.picturediv.clip.right=0
scrollpicture()
}
}


picturecontent=""
picturecontent+="<table cellpadding=2 cellspacing=0>"
picturecontent+="<tr>"
for (i=0;i<=slideurl.length-1;i++) {
picturecontent+="<td>"
picturecontent+="<a href=""+slidelink<em>+"" target=""+slidetarget<em>+"" onMouseOver="javascript<img src=http://forums.wifeo.com/forum/smiley/surprise.gif border=0>nmsover()" onMouseOut="javascript<img src=http://forums.wifeo.com/forum/smiley/surprise.gif border=0>nmsout()">"
picturecontent+="<img src=""+slideurl<em>+"" border=0></a>"
picturecontent+="</td>"
}
picturecontent+="</tr>"
picturecontent+="<tr>"
for (i=0;i<=slideurl.length-1;i++) {
picturecontent+="<td>"
picturecontent+="<font face=""+slidefont+"" color=""+slidefontcolor+"" size="+slidefontsize+">"
picturecontent+=slidecomment<em>
picturecontent+="</font>"
picturecontent+="</td>"
}
picturecontent+="</tr>"
picturecontent+="</tr></table>"


if (ie || ns6) {
document.write('<div style="position:relative;width:'+scrollerwidth+'px;height:'+scrollerheight+'px;overflow:hidden">')
document.write('<div id="picturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')
document.write('</div>')
document.write('<div id="emptypicturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')
window.onload=init
}


if (ns4) {
document.write('<ilayer name="roof" width='+scrollerwidth+' height='+scrollerheight+'>')
document.write('<layer name="picturediv" width='+scrollerwidth+' height='+scrollerheight+' visibility=hide>'+picturecontent+'</layer>')
document.write('</ilayer>')
window.onload=init
}
</script><!-- FIN DU SCRIPT IMAGE DEFILANTE -->

jviens de voir un truc g pas rectifier ==> kuturiska ........ jdoit mettre quoi???

(je sais jme comprend pas trop moi meme lol mais jy arriverai. vous faites quoi les 3 prochaines années?????

)

Notification modérateur :

Par cochise :
- Ce message a été modifié.
se servir du bouton "CODE" pour insérer un script dans le post

Je comprend vite , mais il faut m`expliquer longtemps;!!!

claude94
     •3136 messages
     •Inscrit le 13/4/2007

de claude94 le 9/12/2007 à 17:22:01

Et ben...!! Quel boulot..! Tu a rajouté des balises à droite et à gauche..on ne sait pas pourquoi..??
Alors je t'ai tout rectifié...Mais ça n'est pas très beau..Il faut que tes images soient toutes de
la même dimensions sinon c'est le bordel...

Voilà le script :

SCRIPT

<!-- DEBUT DU SCRIPT IMAGE DEFILANTE --><SCRIPT>
// CREDITS:
// Horizontal Slide Scroller.0
// By Urs Dudli and Peter Gehrig
// Copyright (c) 2002 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at <a href="http://www.24fun.com" target="_blank">http://www.24fun.com</a>
// <a href="mailto:info@24fun.com" target="_blank">info@24fun.com</a>
// 8/6/2002


// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a highly visible link to
// <a href="http://www.24fun.com" target="_blank">http://www.24fun.com</a> on the webpage
// where this script will be featured


// CONFIGURATION:
// Go to <a href="http://www.24fun.com" target="_blank">http://www.24fun.com</a>
// and create your own slideshow
// with our new Slideshow Factory.


// URLs of slides
var slideurl=new Array("http://leboisnepeinture.wifeo.com/images/100_6619-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6621-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6622-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6623-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6624-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6625-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6626-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6627-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6628-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6629-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6619-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6621-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6622-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6623-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6624-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6625-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6626-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6627-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6628-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6629-coul.JPG")


// comments displayed below the slides
var slidecomment=new Array("Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende")


// links for each slide
var slidelink=new Array("http://thinesclaude.wifeo.com","http://thinesclaude.wifeo.com","http://thinesclaude.wifeo.com","http://thinesclaude.wifeo.com","http://thinesclaude.wifeo.com","http://thinesclaude.wifeo.com","http://thinesclaude.wifeo.com","http://thinesclaude.wifeo.com","http://thinesclaude.wifeo.com","http://thinesclaude.wifeo.com","http://thinesclaude.wifeo.com")


// targets of the links
var slidetarget=new Array("_blank","_blank","_blank","_blank")


// the width of the slideshow (pixels)
var scrollerwidth=530


// the height of the slideshow (pixels)
var scrollerheight=800


// font-attributes for the comments
var slidefont="Arial"
var slidefontcolor="blue"
var slidefontsize="2"


// do not edit below this line
var allpicturewidth
var distancepictopic=0
var scrollerleft=0
var scrollertop=0
var pause=20
var step=2
var newstep=step
var clipleft,clipright,cliptop,clipbottom
var i_picture=0
var timer
var picturecontent=""
var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0 
var ie=document.all?1:0


var preloadedimages=new Array()
for (i=0;i<slideurl.length;i++){
preloadedimages<em>=new Image()
preloadedimages<em>.src=slideurl<em>
}


function init() {
if (ie) {
allpicturewidth=document.all.picturediv.offsetWidth
document.all.picturediv.style.posTop=scrollertop
document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
clipleft=0
clipright=0
cliptop=0
clipbottom=scrollerheight
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.picturediv.style.visibility="visible"
scrollpicture()

}
if (ns6) {
allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
document.getElementById('picturediv').style.top=scrollertop
document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
clipleft=0
clipright=0
cliptop=0
clipbottom=scrollerheight
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.getElementById('picturediv').style.visibility="visible"
scrollpicture() 
}
if (ns4) {
allpicturewidth=document.roof.document.picturediv.document.width
document.roof.document.picturediv.top=scrollertop
document.roof.document.picturediv.left=scrollerleft+scrollerwidth
document.roof.document.picturediv.clip.left=0
document.roof.document.picturediv.clip.right=0
document.roof.document.picturediv.clip.top=0
document.roof.document.picturediv.clip.bottom=scrollerheight
document.roof.document.picturediv.visibility="visible"
scrollpicture()
}
}


function scrollpicture() {
if (ie) {
if (document.all.picturediv.style.posLeft>=scrollerleft-allpicturewidth) {
document.all.picturediv.style.posLeft-=step
clipright+=step
if (clipright>scrollerwidth) {
clipleft+=step
}
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" 
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
if (ns6) {
if (parseInt(document.getElementById('picturediv').style.left)>=scrollerleft-allpicturewidth) {
document.getElementById('picturediv').style.left=parseInt(document.getElementById('picturediv').style.left)-step
clipright+=step
if (clipright>scrollerwidth) {
clipleft+=step
}
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" 
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
if (ns4) {
if (document.roof.document.picturediv.left>=scrollerleft-allpicturewidth) {
document.roof.document.picturediv.left-=step
document.roof.document.picturediv.clip.right+=step
if (document.roof.document.picturediv.clip.right>scrollerwidth) {
document.roof.document.picturediv.clip.left+=step
}
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
}


function onmsover() {
step=0
}
function onmsout() {
step=newstep
}


function resetposition() {
if (ie) {
document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
clipleft=0
clipright=0
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollpicture()
}
if (ns6) {
allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
clipleft=0
clipright=0
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollpicture()
}
if (ns4) {
document.roof.document.picturediv.left=scrollerleft+scrollerwidth
document.roof.document.picturediv.clip.left=0

document.roof.document.picturediv.clip.right=0
scrollpicture()
}
}


picturecontent=""
picturecontent+="<table cellpadding=2 cellspacing=0>"
picturecontent+="<tr>"
for (i=0;i<=slideurl.length-1;i++) {
picturecontent+="<td>"
picturecontent+="<a href=""+slidelink<em>+"" target=""+slidetarget<em>+"" onMouseOver="javascript<img src=http://forums.wifeo.com/forum/smiley/surprise.gif border=0>nmsover()" onMouseOut="javascript<img src=http://forums.wifeo.com/forum/smiley/surprise.gif border=0>nmsout()">"
picturecontent+="<img src=""+slideurl<em>+"" border=0></a>"
picturecontent+="</td>"
}
picturecontent+="</tr>"
picturecontent+="<tr>"
for (i=0;i<=slideurl.length-1;i++) {
picturecontent+="<td>"
picturecontent+="<font face=""+slidefont+"" color=""+slidefontcolor+"" size="+slidefontsize+">"
picturecontent+=slidecomment<em>
picturecontent+="</font>"
picturecontent+="</td>"
}
picturecontent+="</tr>"
picturecontent+="</tr></table>"


if (ie || ns6) {
document.write('<div style="position:relative;width:'+scrollerwidth+'px;height:'+scrollerheight+'px;overflow:hidden">')
document.write('<div id="picturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')
document.write('</div>')
document.write('<div id="emptypicturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')
window.onload=init
}


if (ns4) {
document.write('<ilayer name="roof" width='+scrollerwidth+' height='+scrollerheight+'>')
document.write('<layer name="picturediv" width='+scrollerwidth+' height='+scrollerheight+' visibility=hide>'+picturecontent+'</layer>')
document.write('</ilayer>')
window.onload=init
}
</script><!-- FIN DU SCRIPT IMAGE DEFILANTE -->

Et regarde ici ce que ça donne : http://thinesclaude.wifeo.com/exemple-3.php

Tu peux t'apercevoir que tes images sont beaucoup trop grosses...
Réduit les un maximum pour qu'on voit la légende sous chacunes des photos..et ne touche plus au script..
Réduit juste tes photos...les mêmes que dans le script bien sur..!

Dernière édition du message le 9/12/2007 à 17:28:44.

`un enfant ne doit être sali que par la poussière qu`il a sur les genoux` claude thinès...

leboisnepeinture
     •288 messages
     •Inscrit le 4/9/2007

de leboisnepeinture le 9/12/2007 à 18:31:22

il faut que je rectifie toutes mes foto et que je les réengistre?? (avec paint par exemple??) ou je peu le faire a partir du site?? et heu...je change meme pas ton adresse dans le script?, esqu'il faut que je mette un truc à la place de légende??
Merci beaucoup ca a du te prendre du temps ne desespere pas je vais y arriver lol en tout cas merci encore.

Je comprend vite , mais il faut m`expliquer longtemps;!!!

claude94
     •3136 messages
     •Inscrit le 13/4/2007

de claude94 le 9/12/2007 à 18:58:54

Alors, pour mes adresses je les ais rectifié par les tiennes...Oubli de ma part :

Donc voici le bon script :

SCRIPT

<!-- DEBUT DU SCRIPT IMAGE DEFILANTE --><SCRIPT>
// CREDITS:
// Horizontal Slide Scroller.0
// By Urs Dudli and Peter Gehrig
// Copyright (c) 2002 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at <a href="http://www.24fun.com" target="_blank">http://www.24fun.com</a>
// <a href="mailto:info@24fun.com" target="_blank">info@24fun.com</a>
// 8/6/2002


// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a highly visible link to
// <a href="http://www.24fun.com" target="_blank">http://www.24fun.com</a> on the webpage
// where this script will be featured


// CONFIGURATION:
// Go to <a href="http://www.24fun.com" target="_blank">http://www.24fun.com</a>
// and create your own slideshow
// with our new Slideshow Factory.


// URLs of slides
var slideurl=new Array("http://leboisnepeinture.wifeo.com/images/100_6619-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6621-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6622-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6623-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6624-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6625-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6626-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6627-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6628-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6629-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6619-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6621-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6622-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6623-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6624-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6625-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6626-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6627-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6628-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6629-coul.JPG")


// comments displayed below the slides
var slidecomment=new Array("Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende")


// links for each slide
var slidelink=new Array("http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com")


// targets of the links
var slidetarget=new Array("_blank","_blank","_blank","_blank")


// the width of the slideshow (pixels)
var scrollerwidth=530


// the height of the slideshow (pixels)
var scrollerheight=800


// font-attributes for the comments
var slidefont="Arial"
var slidefontcolor="blue"
var slidefontsize="2"


// do not edit below this line
var allpicturewidth
var distancepictopic=0
var scrollerleft=0
var scrollertop=0
var pause=20
var step=2
var newstep=step
var clipleft,clipright,cliptop,clipbottom
var i_picture=0
var timer
var picturecontent=""
var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0 
var ie=document.all?1:0


var preloadedimages=new Array()
for (i=0;i<slideurl.length;i++){
preloadedimages<em>=new Image()
preloadedimages<em>.src=slideurl<em>
}


function init() {
if (ie) {
allpicturewidth=document.all.picturediv.offsetWidth
document.all.picturediv.style.posTop=scrollertop
document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
clipleft=0
clipright=0
cliptop=0
clipbottom=scrollerheight
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.picturediv.style.visibility="visible"
scrollpicture()

}
if (ns6) {
allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
document.getElementById('picturediv').style.top=scrollertop
document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
clipleft=0
clipright=0
cliptop=0
clipbottom=scrollerheight
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.getElementById('picturediv').style.visibility="visible"
scrollpicture() 
}
if (ns4) {
allpicturewidth=document.roof.document.picturediv.document.width
document.roof.document.picturediv.top=scrollertop
document.roof.document.picturediv.left=scrollerleft+scrollerwidth
document.roof.document.picturediv.clip.left=0
document.roof.document.picturediv.clip.right=0
document.roof.document.picturediv.clip.top=0
document.roof.document.picturediv.clip.bottom=scrollerheight
document.roof.document.picturediv.visibility="visible"
scrollpicture()
}
}


function scrollpicture() {
if (ie) {
if (document.all.picturediv.style.posLeft>=scrollerleft-allpicturewidth) {
document.all.picturediv.style.posLeft-=step
clipright+=step
if (clipright>scrollerwidth) {
clipleft+=step
}
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" 
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
if (ns6) {
if (parseInt(document.getElementById('picturediv').style.left)>=scrollerleft-allpicturewidth) {
document.getElementById('picturediv').style.left=parseInt(document.getElementById('picturediv').style.left)-step
clipright+=step
if (clipright>scrollerwidth) {
clipleft+=step
}
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" 
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
if (ns4) {
if (document.roof.document.picturediv.left>=scrollerleft-allpicturewidth) {
document.roof.document.picturediv.left-=step
document.roof.document.picturediv.clip.right+=step
if (document.roof.document.picturediv.clip.right>scrollerwidth) {
document.roof.document.picturediv.clip.left+=step
}
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
}


function onmsover() {
step=0
}
function onmsout() {
step=newstep
}


function resetposition() {
if (ie) {
document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
clipleft=0
clipright=0
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollpicture()
}
if (ns6) {
allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
clipleft=0
clipright=0
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollpicture()
}
if (ns4) {
document.roof.document.picturediv.left=scrollerleft+scrollerwidth
document.roof.document.picturediv.clip.left=0

document.roof.document.picturediv.clip.right=0
scrollpicture()
}
}


picturecontent=""
picturecontent+="<table cellpadding=2 cellspacing=0>"
picturecontent+="<tr>"
for (i=0;i<=slideurl.length-1;i++) {
picturecontent+="<td>"
picturecontent+="<a href=""+slidelink<em>+"" target=""+slidetarget<em>+"" onMouseOver="javascript<img src=http://forums.wifeo.com/forum/smiley/surprise.gif border=0>nmsover()" onMouseOut="javascript<img src=http://forums.wifeo.com/forum/smiley/surprise.gif border=0>nmsout()">"
picturecontent+="<img src=""+slideurl<em>+"" border=0></a>"
picturecontent+="</td>"
}
picturecontent+="</tr>"
picturecontent+="<tr>"
for (i=0;i<=slideurl.length-1;i++) {
picturecontent+="<td>"
picturecontent+="<font face=""+slidefont+"" color=""+slidefontcolor+"" size="+slidefontsize+">"
picturecontent+=slidecomment<em>
picturecontent+="</font>"
picturecontent+="</td>"
}
picturecontent+="</tr>"
picturecontent+="</tr></table>"


if (ie || ns6) {
document.write('<div style="position:relative;width:'+scrollerwidth+'px;height:'+scrollerheight+'px;overflow:hidden">')
document.write('<div id="picturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')
document.write('</div>')
document.write('<div id="emptypicturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')
window.onload=init
}


if (ns4) {
document.write('<ilayer name="roof" width='+scrollerwidth+' height='+scrollerheight+'>')
document.write('<layer name="picturediv" width='+scrollerwidth+' height='+scrollerheight+' visibility=hide>'+picturecontent+'</layer>')
document.write('</ilayer>')
window.onload=init
}
</script><!-- FIN DU SCRIPT IMAGE DEFILANTE -->

A la place de "légende" ben tu mets la légende des photos, ce qu'elles représente...Mais ne met pas des
phrases trop longues..un ou deux mots seulement...

Redimensionne tes photos directement sur le site, ça évitera de les réengistrer et donc de les
remettre dans le script...Par contre je ne sais pas si ça va marcher..Sinon il faudra les redimensionner
avec Paint par exemple, les réenregistrer et remettre les bons liens dans le script...

Essaye déjà comme ça...

`un enfant ne doit être sali que par la poussière qu`il a sur les genoux` claude thinès...

leboisnepeinture
     •288 messages
     •Inscrit le 4/9/2007

de leboisnepeinture le 9/12/2007 à 19:27:01

dsl mais ca ne marche toujours pas, je comprend pas j'ai remis ton dernier scripte. il faut bien que je le mette sur ma page
avec les : XXXXX le klik sur source et tout??
eskil faut que jouvre une page rien que pour ca?? j'ai reduit mes images je les ai réenregistrer avec le meme nom
et la ....... rien !!! oscour !!! (en tout cas tu a de la patience

merci)

Je comprend vite , mais il faut m`expliquer longtemps;!!!

claude94
     •3136 messages
     •Inscrit le 13/4/2007

de claude94 le 9/12/2007 à 20:01:49

Remet moi le script exactement comme tu viens de le mettre sur une de tes pages...

(vraiment très chiant cette longueur de topic...!!)

`un enfant ne doit être sali que par la poussière qu`il a sur les genoux` claude thinès...

leboisnepeinture
     •288 messages
     •Inscrit le 4/9/2007

de leboisnepeinture le 9/12/2007 à 20:29:26

SCRIPT

<!-- DEBUT DU SCRIPT IMAGE DEFILANTE --><SCRIPT>
// CREDITS:
// Horizontal Slide Scroller.0
// By Urs Dudli and Peter Gehrig
// Copyright (c) 2002 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at<a href="http://www.24fun.com" target=_blank>http://www.24fun.com</a>
// <a href="mailto:info@24fun.com" target="_blank">info@24fun.com</a>
// 8/6/2002


// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a highly visible link to
//<a href="http://www.24fun.com" target=_blank>http://www.24fun.com</a> on the webpage
// where this script will be featured


// CONFIGURATION:
// Go to<a href="http://www.24fun.com" target=_blank>http://www.24fun.com</a>
// and create your own slideshow
// with our new Slideshow Factory.


// URLs of slides
var slideurl=new Array("<a href="http://leboisnepeinture.wifeo.com/images/100_6619-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6621-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6622-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6623-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6624-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6625-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6626-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6627-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6628-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6629-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6619-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6621-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6622-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6623-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6624-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6625-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6626-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6627-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6628-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6629-coul.JPG")" target=_blank>http://leboisnepeinture.wifeo.com/images/100_6619-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6621-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6622-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6623-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6624-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6625-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6626-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6627-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6628-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6629-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6619-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6621-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6622-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6623-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6624-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6625-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6626-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6627-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6628-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6629-coul.JPG")</a>


// comments displayed below the slides
var slidecomment=new Array("Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende")


// links for each slide
var slidelink=new Array("<a href="http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com")" target=_blank>http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com")</a>


// targets of the links
var slidetarget=new Array("_blank","_blank","_blank","_blank")


// the width of the slideshow (pixels)
var scrollerwidth=530


// the height of the slideshow (pixels)
var scrollerheight=800


// font-attributes for the comments
var slidefont="Arial"
var slidefontcolor="blue"
var slidefontsize="2"


// do not edit below this line
var allpicturewidth
var distancepictopic=0
var scrollerleft=0
var scrollertop=0
var pause=20
var step=2
var newstep=step
var clipleft,clipright,cliptop,clipbottom
var i_picture=0
var timer
var picturecontent=""
var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0 
var ie=document.all?1:0


var preloadedimages=new Array()
for (i=0;i<slideurl.length;i++){
preloadedimages<em>=new Image()
preloadedimages<em>.src=slideurl<em>
}


function init() {
if (ie) {
allpicturewidth=document.all.picturediv.offsetWidth
document.all.picturediv.style.posTop=scrollertop
document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
clipleft=0
clipright=0
cliptop=0
clipbottom=scrollerheight
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.picturediv.style.visibility="visible"
scrollpicture()

}
if (ns6) {
allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
document.getElementById('picturediv').style.top=scrollertop
document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
clipleft=0
clipright=0
cliptop=0
clipbottom=scrollerheight
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.getElementById('picturediv').style.visibility="visible"
scrollpicture() 
}
if (ns4) {
allpicturewidth=document.roof.document.picturediv.document.width
document.roof.document.picturediv.top=scrollertop
document.roof.document.picturediv.left=scrollerleft+scrollerwidth
document.roof.document.picturediv.clip.left=0
document.roof.document.picturediv.clip.right=0
document.roof.document.picturediv.clip.top=0
document.roof.document.picturediv.clip.bottom=scrollerheight
document.roof.document.picturediv.visibility="visible"
scrollpicture()
}
}


function scrollpicture() {
if (ie) {
if (document.all.picturediv.style.posLeft>=scrollerleft-allpicturewidth) {
document.all.picturediv.style.posLeft-=step
clipright+=step
if (clipright>scrollerwidth) {
clipleft+=step
}
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" 
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
if (ns6) {
if (parseInt(document.getElementById('picturediv').style.left)>=scrollerleft-allpicturewidth) {
document.getElementById('picturediv').style.left=parseInt(document.getElementById('picturediv').style.left)-step
clipright+=step
if (clipright>scrollerwidth) {
clipleft+=step
}
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" 
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
if (ns4) {
if (document.roof.document.picturediv.left>=scrollerleft-allpicturewidth) {
document.roof.document.picturediv.left-=step
document.roof.document.picturediv.clip.right+=step
if (document.roof.document.picturediv.clip.right>scrollerwidth) {
document.roof.document.picturediv.clip.left+=step
}
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
}


function onmsover() {
step=0
}
function onmsout() {
step=newstep
}


function resetposition() {
if (ie) {
document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
clipleft=0
clipright=0
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollpicture()
}
if (ns6) {
allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
clipleft=0
clipright=0
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollpicture()
}
if (ns4) {
document.roof.document.picturediv.left=scrollerleft+scrollerwidth
document.roof.document.picturediv.clip.left=0

document.roof.document.picturediv.clip.right=0
scrollpicture()
}
}


picturecontent=""
picturecontent+="<table cellpadding=2 cellspacing=0>"
picturecontent+="<tr>"
for (i=0;i<=slideurl.length-1;i++) {
picturecontent+="<td>"
picturecontent+="<a href=""+slidelink<em>+"" target=""+slidetarget<em>+"" onMouseOver="javascript<img src=http://forums.wifeo.com/forum/smiley/surprise.gif border=0>nmsover()" onMouseOut="javascript<img src=http://forums.wifeo.com/forum/smiley/surprise.gif border=0>nmsout()">"
picturecontent+="<img src=""+slideurl<em>+"" border=0></a>"
picturecontent+="</td>"
}
picturecontent+="</tr>"
picturecontent+="<tr>"
for (i=0;i<=slideurl.length-1;i++) {
picturecontent+="<td>"
picturecontent+="<font face=""+slidefont+"" color=""+slidefontcolor+"" size="+slidefontsize+">"
picturecontent+=slidecomment<em>
picturecontent+="</font>"
picturecontent+="</td>"
}
picturecontent+="</tr>"
picturecontent+="</tr></table>"


if (ie || ns6) {
document.write('<div style="position:relative;width:'+scrollerwidth+'px;height:'+scrollerheight+'px;overflow:hidden">')
document.write('<div id="picturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')
document.write('</div>')
document.write('<div id="emptypicturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')
window.onload=init
}


if (ns4) {
document.write('<ilayer name="roof" width='+scrollerwidth+' height='+scrollerheight+'>')
document.write('<layer name="picturediv" width='+scrollerwidth+' height='+scrollerheight+' visibility=hide>'+picturecontent+'</layer>')
document.write('</ilayer>')
window.onload=init
}
</script><!-- FIN DU SCRIPT IMAGE DEFILANTE

voila je l'ai mis comme ca et apres je le copie et je vais le mettre comme pour un script
sur ma page je comprend pas pourquoi sa marche pas. merci !!!! trrrés beaucoup

(c vrai que c chiant !!!)

Notification modérateur :

Par cochise :
- Ce message a été modifié.
se servir du bouton "code"

Je comprend vite , mais il faut m`expliquer longtemps;!!!

leboisnepeinture
     •288 messages
     •Inscrit le 4/9/2007

de leboisnepeinture le 9/12/2007 à 22:01:55

bon j'abandonne pour ce soir je met le script que je viens pour la enieme fois de modifier......rien ne marche
jdoit faire une mauvaise manip

(ou alors ce script ne maime pas

)
cela fais au moins 30 fois que je recommence :

SCRIPT

<!-- DEBUT DU SCRIPT IMAGE DEFILANTE --><SCRIPT>
// CREDITS:
// Horizontal Slide Scroller.0
// By Urs Dudli and Peter Gehrig
// Copyright (c) 2002 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at<a href="http://www.24fun.com" target=_blank>http://www.24fun.com</a>
// <a href="mailto:info@24fun.com" target="_blank">info@24fun.com</a>
// 8/6/2002


// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a highly visible link to
//<a href="http://www.24fun.com" target=_blank>http://www.24fun.com</a> on the webpage
// where this script will be featured


// CONFIGURATION:
// Go to<a href="http://www.24fun.com" target=_blank>http://www.24fun.com</a>
// and create your own slideshow
// with our new Slideshow Factory.


// URLs of slides
var slideurl=new Array("<a href="http://leboisnepeinture.wifeo.com/images/100_6619-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6621-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6622-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6623-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6624-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6625-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6626-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6627-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6628-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6630-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6637-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6638-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6639-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6640-coul.JPG")
target=blank>http://leboisnepeinture.wifeo.com/images/100_6619-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6621-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6622-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6623-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6624-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6625-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6626-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6627-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6628-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6630-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6637-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6638-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6639-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6640-coul.JPG")</a>


// comments displayed below the slides
var slidecomment=new Array("Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende")


// links for each slide
var slidelink=new Array("<a href="http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com")" target=_blank>http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com")</a>


// targets of the links
var slidetarget=new Array("_blank","_blank","_blank","_blank")


// the width of the slideshow (pixels)
var scrollerwidth=530


// the height of the slideshow (pixels)
var scrollerheight=800


// font-attributes for the comments
var slidefont="Arial"
var slidefontcolor="blue"
var slidefontsize="2"


// do not edit below this line
var allpicturewidth
var distancepictopic=0
var scrollerleft=0
var scrollertop=0
var pause=20
var step=2
var newstep=step
var clipleft,clipright,cliptop,clipbottom
var i_picture=0
var timer
var picturecontent=""
var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0 
var ie=document.all?1:0


var preloadedimages=new Array()
for (i=0;i<slideurl.length;i++){
preloadedimages<em>=new Image()
preloadedimages<em>.src=slideurl<em>
}


function init() {
if (ie) {
allpicturewidth=document.all.picturediv.offsetWidth
document.all.picturediv.style.posTop=scrollertop
document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
clipleft=0
clipright=0
cliptop=0
clipbottom=scrollerheight
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.picturediv.style.visibility="visible"
scrollpicture()

}
if (ns6) {
allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
document.getElementById('picturediv').style.top=scrollertop
document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
clipleft=0
clipright=0
cliptop=0
clipbottom=scrollerheight
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.getElementById('picturediv').style.visibility="visible"
scrollpicture() 
}
if (ns4) {
allpicturewidth=document.roof.document.picturediv.document.width
document.roof.document.picturediv.top=scrollertop
document.roof.document.picturediv.left=scrollerleft+scrollerwidth
document.roof.document.picturediv.clip.left=0
document.roof.document.picturediv.clip.right=0
document.roof.document.picturediv.clip.top=0
document.roof.document.picturediv.clip.bottom=scrollerheight
document.roof.document.picturediv.visibility="visible"
scrollpicture()
}
}


function scrollpicture() {
if (ie) {
if (document.all.picturediv.style.posLeft>=scrollerleft-allpicturewidth) {
document.all.picturediv.style.posLeft-=step
clipright+=step
if (clipright>scrollerwidth) {
clipleft+=step
}
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" 
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
if (ns6) {
if (parseInt(document.getElementById('picturediv').style.left)>=scrollerleft-allpicturewidth) {
document.getElementById('picturediv').style.left=parseInt(document.getElementById('picturediv').style.left)-step
clipright+=step
if (clipright>scrollerwidth) {
clipleft+=step
}
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" 
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
if (ns4) {
if (document.roof.document.picturediv.left>=scrollerleft-allpicturewidth) {
document.roof.document.picturediv.left-=step
document.roof.document.picturediv.clip.right+=step
if (document.roof.document.picturediv.clip.right>scrollerwidth) {
document.roof.document.picturediv.clip.left+=step
}
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
}


function onmsover() {
step=0
}
function onmsout() {
step=newstep
}


function resetposition() {
if (ie) {
document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
clipleft=0
clipright=0
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollpicture()
}
if (ns6) {
allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
clipleft=0
clipright=0
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollpicture()
}
if (ns4) {
document.roof.document.picturediv.left=scrollerleft+scrollerwidth
document.roof.document.picturediv.clip.left=0

document.roof.document.picturediv.clip.right=0
scrollpicture()
}
}


picturecontent=""
picturecontent+="<table cellpadding=2 cellspacing=0>"
picturecontent+="<tr>"
for (i=0;i<=slideurl.length-1;i++) {
picturecontent+="<td>"
picturecontent+="<a href=""+slidelink<em>+"" target=""+slidetarget<em>+"" onMouseOver="javascript<img src=http://forums.wifeo.com/forum/smiley/surprise.gif border=0>nmsover()" onMouseOut="javascript<img src=http://forums.wifeo.com/forum/smiley/surprise.gif border=0>nmsout()">"
picturecontent+="<img src=""+slideurl<em>+"" border=0></a>"
picturecontent+="</td>"
}
picturecontent+="</tr>"
picturecontent+="<tr>"
for (i=0;i<=slideurl.length-1;i++) {
picturecontent+="<td>"
picturecontent+="<font face=""+slidefont+"" color=""+slidefontcolor+"" size="+slidefontsize+">"
picturecontent+=slidecomment<em>
picturecontent+="</font>"
picturecontent+="</td>"
}
picturecontent+="</tr>"
picturecontent+="</tr></table>"


if (ie || ns6) {
document.write('<div style="position:relative;width:'+scrollerwidth+'px;height:'+scrollerheight+'px;overflow:hidden">')
document.write('<div id="picturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')
document.write('</div>')
document.write('<div id="emptypicturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')
window.onload=init
}


if (ns4) {
document.write('<ilayer name="roof" width='+scrollerwidth+' height='+scrollerheight+'>')
document.write('<layer name="picturediv" width='+scrollerwidth+' height='+scrollerheight+' visibility=hide>'+picturecontent+'</layer>')
document.write('</ilayer>')
window.onload=init
}
</script><!-- FIN DU SCRIPT IMAGE DEFILANTE -->

voila c'est ma derniere création lol et .......toujours rien; bon courage pour m'expliquer la suite. .....
(j'ai aussi fais ca pour essayer de changer de page sur la 3eme le post sera peu etre moins large???

)

Je comprend vite , mais il faut m`expliquer longtemps;!!!

claude94
     •3136 messages
     •Inscrit le 13/4/2007

de claude94 le 9/12/2007 à 22:08:43

Bon ben voilà...Chez moi ça marche très bien. J'ai pris le script original
et j'ai juste remplacé les adresses de tes images...

http://thinesclaude.wifeo.com/exemple-3.php

Si il ne fonctionne pas chez toi et que chez moi il fonctionne bien, je n'y comprend rien...
Ou alors, peut-être que si tu le mets là où il y a d'autres scripts,
peut-être qu'il y a un conflit entre eux...?

Parce que moi je le met sur ma page d'essai, donc elle est vide...

A la place des mots "légende", ben tu mets ce que tu veux...Mais juste un mot ou deux..
sinon j'ai peur que ça dépasse sur la photo suivante...

SCRIPT

<!-- DEBUT DU SCRIPT IMAGE DEFILANTE --><SCRIPT>
// CREDITS:
// Horizontal Slide Scroller.0
// By Urs Dudli and Peter Gehrig
// Copyright (c) 2002 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at <a href="http://www.24fun.com" target="_blank">http://www.24fun.com</a>
// <a href="mailto:info@24fun.com" target="_blank">info@24fun.com</a>
// 8/6/2002


// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a highly visible link to
// <a href="http://www.24fun.com" target="_blank">http://www.24fun.com</a> on the webpage
// where this script will be featured


// CONFIGURATION:
// Go to <a href="http://www.24fun.com" target="_blank">http://www.24fun.com</a>
// and create your own slideshow
// with our new Slideshow Factory.


// URLs of slides
var slideurl=new Array("http://leboisnepeinture.wifeo.com/images/100_6619-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6621-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6622-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6623-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6624-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6625-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6626-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6627-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6628-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6629-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6619-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6621-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6622-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6623-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6624-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6625-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6626-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6627-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6628-coul.JPG","http://leboisnepeinture.wifeo.com/images/100_6629-coul.JPG")


// comments displayed below the slides
var slidecomment=new Array("Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende","Legende")


// links for each slide
var slidelink=new Array("http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com","http://leboisnepeinture.wifeo.com")


// targets of the links
var slidetarget=new Array("_blank","_blank","_blank","_blank")


// the width of the slideshow (pixels)
var scrollerwidth=530


// the height of the slideshow (pixels)
var scrollerheight=500


// font-attributes for the comments
var slidefont="Arial"
var slidefontcolor="blue"
var slidefontsize="2"


// do not edit below this line
var allpicturewidth
var distancepictopic=0
var scrollerleft=0
var scrollertop=0
var pause=20
var step=2
var newstep=step
var clipleft,clipright,cliptop,clipbottom
var i_picture=0
var timer
var picturecontent=""
var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0 
var ie=document.all?1:0


var preloadedimages=new Array()
for (i=0;i<slideurl.length;i++){
preloadedimages<em>=new Image()
preloadedimages<em>.src=slideurl<em>
}


function init() {
if (ie) {
allpicturewidth=document.all.picturediv.offsetWidth
document.all.picturediv.style.posTop=scrollertop
document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
clipleft=0
clipright=0
cliptop=0
clipbottom=scrollerheight
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.picturediv.style.visibility="visible"
scrollpicture()

}
if (ns6) {
allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
document.getElementById('picturediv').style.top=scrollertop
document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
clipleft=0
clipright=0
cliptop=0
clipbottom=scrollerheight
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.getElementById('picturediv').style.visibility="visible"
scrollpicture() 
}
if (ns4) {
allpicturewidth=document.roof.document.picturediv.document.width
document.roof.document.picturediv.top=scrollertop
document.roof.document.picturediv.left=scrollerleft+scrollerwidth
document.roof.document.picturediv.clip.left=0
document.roof.document.picturediv.clip.right=0
document.roof.document.picturediv.clip.top=0
document.roof.document.picturediv.clip.bottom=scrollerheight
document.roof.document.picturediv.visibility="visible"
scrollpicture()
}
}


function scrollpicture() {
if (ie) {
if (document.all.picturediv.style.posLeft>=scrollerleft-allpicturewidth) {
document.all.picturediv.style.posLeft-=step
clipright+=step
if (clipright>scrollerwidth) {
clipleft+=step
}
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" 
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
if (ns6) {
if (parseInt(document.getElementById('picturediv').style.left)>=scrollerleft-allpicturewidth) {
document.getElementById('picturediv').style.left=parseInt(document.getElementById('picturediv').style.left)-step
clipright+=step
if (clipright>scrollerwidth) {
clipleft+=step
}
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" 
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
if (ns4) {
if (document.roof.document.picturediv.left>=scrollerleft-allpicturewidth) {
document.roof.document.picturediv.left-=step
document.roof.document.picturediv.clip.right+=step
if (document.roof.document.picturediv.clip.right>scrollerwidth) {
document.roof.document.picturediv.clip.left+=step
}
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
}


function onmsover() {
step=0
}
function onmsout() {
step=newstep
}


function resetposition() {
if (ie) {
document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
clipleft=0
clipright=0
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollpicture()
}
if (ns6) {
allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
clipleft=0
clipright=0
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollpicture()
}
if (ns4) {
document.roof.document.picturediv.left=scrollerleft+scrollerwidth
document.roof.document.picturediv.clip.left=0

document.roof.document.picturediv.clip.right=0
scrollpicture()
}
}


picturecontent=""
picturecontent+="<table cellpadding=2 cellspacing=0>"
picturecontent+="<tr>"
for (i=0;i<=slideurl.length-1;i++) {
picturecontent+="<td>"
picturecontent+="<a href=""+slidelink<em>+"" target=""+slidetarget<em>+"" onMouseOver="javascript<img src=http://forums.wifeo.com/forum/smiley/surprise.gif border=0>nmsover()" onMouseOut="javascript<img src=http://forums.wifeo.com/forum/smiley/surprise.gif border=0>nmsout()">"
picturecontent+="<img src=""+slideurl<em>+"" border=0></a>"
picturecontent+="</td>"
}
picturecontent+="</tr>"
picturecontent+="<tr>"
for (i=0;i<=slideurl.length-1;i++) {
picturecontent+="<td>"
picturecontent+="<font face=""+slidefont+"" color=""+slidefontcolor+"" size="+slidefontsize+">"
picturecontent+=slidecomment<em>
picturecontent+="</font>"
picturecontent+="</td>"
}
picturecontent+="</tr>"
picturecontent+="</tr></table>"


if (ie || ns6) {
document.write('<div style="position:relative;width:'+scrollerwidth+'px;height:'+scrollerheight+'px;overflow:hidden">')
document.write('<div id="picturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')
document.write('</div>')
document.write('<div id="emptypicturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')
window.onload=init
}


if (ns4) {
document.write('<ilayer name="roof" width='+scrollerwidth+' height='+scrollerheight+'>')
document.write('<layer name="picturediv" width='+scrollerwidth+' height='+scrollerheight+' visibility=hide>'+picturecontent+'</layer>')
document.write('</ilayer>')
window.onload=init
}
</script><!-- FIN DU SCRIPT IMAGE DEFILANTE -->

Ben maintenant j'croise les doigts...!! lol

`un enfant ne doit être sali que par la poussière qu`il a sur les genoux` claude thinès...

Créer un site gratuitement et facilement