Diapo horizontal - Tout pour le Javascript aux 1001 Astuces Nam@ni

La première de ces images est cliquable..
Chaque image peut avoir son propre lien !

Placer après le tag <body>

// Variables à configurer pour changer d'images 
// Entourer une image de tags <a> pour la lien.
var imgsNnamani=new Array()
imgsNnamani[0]='<a href="http://www.namani.net"><img src="image1.jpg" border=0"></a>'
imgsNnamani[1]='<img src="image2.gif">'
imgsNnamani[2]='<img src="image3.gif">'
imgsNnamani[3]='<img src="image4.gif">'
imgsNnamani[4]='<img src="image5.gif">'
// On peut ajouter autant qu'on veut !

/// Ne plus rien changer
var ie=document.all
var dom=document.getElementById
if (imgsNnamani.length>1)
i=2
else
i=0
function vazonNnamani(maiSou){
tlayer=eval(maiSou)
if (tlayer.left>0&&tlayer.left<=5){
tlayer.left=0
setTimeout("vazonNnamani(tlayer)",attndNnamani)
setTimeout("vazo2Nnamani(document.Nnamani.document.N2namani)",attndNnamani)
return
}
if (tlayer.left>=tlayer.document.width*-1){
tlayer.left-=5
setTimeout("vazonNnamani(tlayer)",50)
}
else{
tlayer.left=parseInt(lrgNnamani)+5
tlayer.document.write(imgsNnamani[i])
tlayer.document.close()
if (i==imgsNnamani.length-1)
i=0// http://www.namani.net 
else
i++
}
}
function vazo2Nnamani(maiSou){
tlayer2=eval(maiSou)
if (tlayer2.left>0&&tlayer2.left<=5){
tlayer2.left=0
setTimeout("vazo2Nnamani(tlayer2)",attndNnamani)
setTimeout("vazonNnamani(document.Nnamani.document.N1namani)",attndNnamani)
return
}
if (tlayer2.left>=tlayer2.document.width*-1){
tlayer2.left-=5
setTimeout("vazo2Nnamani(tlayer2)",50)
}
else{
tlayer2.left=parseInt(lrgNnamani)+5
tlayer2.document.write(imgsNnamani[i])
tlayer2.document.close()
if (i==imgsNnamani.length-1)
i=0
else
i++
}
}
function vazo3Nnamani(whichdiv){
tdiv=eval(whichdiv)
if (parseInt(tdiv.style.left)>0&&parseInt(tdiv.style.left)<=5){
tdiv.style.left=0+"px"
setTimeout("vazo3Nnamani(tdiv)",attndNnamani)
setTimeout("vazo4Nnamani(scrollerdiv2)",attndNnamani)
return// http://www.namani.net 
}
if (parseInt(tdiv.style.left)>=tdiv.offsetWidth*-1){
tdiv.style.left=parseInt(tdiv.style.left)-5+"px"
setTimeout("vazo3Nnamani(tdiv)",50)
}
else{
tdiv.style.left=lrgNnamani
tdiv.innerHTML=imgsNnamani[i]
if (i==imgsNnamani.length-1)
i=0
else
i++
}
}
function vazo4Nnamani(whichdiv){
tdiv2=eval(whichdiv)
if (parseInt(tdiv2.style.left)>0&&parseInt(tdiv2.style.left)<=5){
tdiv2.style.left=0+"px"
setTimeout("vazo4Nnamani(tdiv2)",attndNnamani)
setTimeout("vazo3Nnamani(scrollerdiv1)",attndNnamani)
return
}
if (parseInt(tdiv2.style.left)>=tdiv2.offsetWidth*-1){
tdiv2.style.left=parseInt(tdiv2.style.left)-5+"px"
setTimeout("vazo4Nnamani(scrollerdiv2)",50)
}
else{
tdiv2.style.left=lrgNnamani
tdiv2.innerHTML=imgsNnamani[i]
if (i==imgsNnamani.length-1)
i=0
else
i++
}
}
function superNnamani(){
if (ie||dom){
scrollerdiv1=ie? N1namani2 : document.getElementById("N1namani2")
scrollerdiv2=ie? N2namani2 : document.getElementById("N2namani2")
vazo3Nnamani(scrollerdiv1)
scrollerdiv2.style.left=lrgNnamani
}
else if (document.layers){
document.Nnamani.visibility='show'
vazonNnamani(document.Nnamani.document.N1namani)
document.Nnamani.document.N2namani.left=parseInt(lrgNnamani)+5
document.Nnamani.document.N2namani.visibility='show'
}
}
window.onload=superNnamani
</script>
<ilayer id="Nnamani" width=&{lrgNnamani}; height=&{hauNnamani}; bgColor=&{fondNnamani}; visibility=hide>
<layer id="N1namani" left=1 top=0 width=&{lrgNnamani}; >
<script language="JavaScript1.2">
if (document.layers)
document.write(imgsNnamani[0])
</script>
</layer>
<layer id="N2namani" left=0 top=0 width=&{lrgNnamani}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(imgsNnamani[1])
</script>
</layer>
</ilayer>
<script language="JavaScript1.2">
if (ie||dom){
document.writeln('<div id="Nnamani2" style="position:relative;width:'+lrgNnamani+';height:'+hauNnamani+';overflow:hidden;background-color:'+fondNnamani+'">')
document.writeln('<div style="position:absolute;width:'+lrgNnamani+';height:'+hauNnamani+';clip:rect(0 '+lrgNnamani+' '+hauNnamani+' 0);left:0px;top:0px">')
document.writeln('<div id="N1namani2" style="position:absolute;width:'+lrgNnamani+';left:1px;top:0px;">')
document.write(imgsNnamani[0])
document.writeln('</div>')
document.writeln('<div id="N2namani2" style="position:absolute;width:'+lrgNnamani+';left:0px;top:0px">')
document.write(imgsNnamani[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</div>')
}
</script>