Script fenètre de texte défilant

claude94 A ECRIT :

Prend ce 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://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 change juste les URL de tes photos ainsi que l'adresse de destination lors du clic sur les photos...

Tu a combien de photos à mettre...??

polbargent A ECRIT :

claude94 A ECRIT :

Prend ce 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://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 change juste les URL de tes photos ainsi que l'adresse de destination lors du clic sur les photos...

Tu a combien de photos à mettre...??

Merçi claude,je vais essayez de mettre le script.polbargent

Créer un site gratuitement et facilement