Diapo vertical - 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>

<p align="center"><CENTER><script language="JavaScript1.2">
// Variables à configurer pour changer de style 
var lrgNnamani='150px' //Largeur = celle de la plus large des images
var hauNnamani='10px' //Hauteur = celle de la plus haute des images
var attndNnamani=3000 // 3000 millisecondes = 3 secondes

// 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>2)
i=2
else
i=0
function vazonNamani(maiSou){
tlayer=eval(maiSou)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("vazonNamani(tlayer)",attndNnamani)
setTimeout("vazo2Namani(document.Nnamani.document.N2namani)",attndNnamani)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("vazonNamani(tlayer)",50)
}
else{
tlayer.top=parseInt(hauNnamani)
tlayer.document.write(imgsNnamani[i])
tlayer.document.close()
if (i==imgsNnamani.length-1)
i=0// http://www.namani.net 
else
i++
}
}
function vazo2Namani(maiSou){
tlayer2=eval(maiSou)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("vazo2Namani(tlayer2)",attndNnamani)
setTimeout("vazonNamani(document.Nnamani.document.N1namani)",attndNnamani)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("vazo2Namani(tlayer2)",50)
}
else{
tlayer2.top=parseInt(hauNnamani)
tlayer2.document.write(imgsNnamani[i])
tlayer2.document.close()
if (i==imgsNnamani.length-1)
i=0
else
i++
}
}
function vazo3Namani(maisZou){
tdiv=eval(maisZou)
if (parseInt(tdiv.style.top)>0&&parseInt(tdiv.style.top)<=5){
tdiv.style.top=0+"px"
setTimeout("vazo3Namani(tdiv)",attndNnamani)
setTimeout("vazo4Namani(N2namani2_obj)",attndNnamani)
return
}
if (parseInt(tdiv.style.top)>=tdiv.offsetHeight*-1){
tdiv.style.top=parseInt(tdiv.style.top)-5+"px"
setTimeout("vazo3Namani(tdiv)",50)
}
else{
tdiv.style.top=hauNnamani
tdiv.innerHTML=imgsNnamani[i]
if (i==imgsNnamani.length-1)
i=0
else
i++
}
}
function vazo4Namani(maisZou){
tdiv2=eval(maisZou)
if (parseInt(tdiv2.style.top)>0&&parseInt(tdiv2.style.top)<=5){
tdiv2.style.top=0+"px"
setTimeout("vazo4Namani(tdiv2)",attndNnamani)
setTimeout("vazo3Namani(N1namani2_obj)",attndNnamani)
return
}
if (parseInt(tdiv2.style.top)>=tdiv2.offsetHeight*-1){
tdiv2.style.top=parseInt(tdiv2.style.top)-5+"px"
setTimeout("vazo4Namani(N2namani2_obj)",50)
}
else{
tdiv2.style.top=hauNnamani
tdiv2.innerHTML=imgsNnamani[i]
if (i==imgsNnamani.length-1)
i=0// http://www.namani.net 
else
i++
}
}
function superNnamani(){
if (ie||dom){
N1namani2_obj=ie? N1namani2 : document.getElementById("N1namani2")
N2namani2_obj=ie? N2namani2 : document.getElementById("N2namani2")
vazo3Namani(N1namani2_obj)
N2namani2_obj.style.top=hauNnamani
N2namani2_obj.style.visibility='visible'
}
else if (document.layers){
document.Nnamani.visibility='show'
vazonNamani(document.Nnamani.document.N1namani)
document.Nnamani.document.N2namani.top=parseInt(hauNnamani)+5
document.Nnamani.document.N2namani.visibility='show'
}
}
window.onload=superNnamani
</script>
<ilayer id="Nnamani" width=&{lrgNnamani}; height=&{hauNnamani}; visibility=hide>
<layer id="N1namani" left=0 top=1 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[dyndetermine=(imgsNnamani.length==1)? 0 : 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;">')
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:0px;top:1px;">')
document.write(imgsNnamani[0])
document.writeln('</div>')
document.writeln('<div id="N2namani2" style="position:absolute;width:'+lrgNnamani+';left:0px;top:0px;visibility:hidden">')
document.write(imgsNnamani[dyndetermine=(imgsNnamani.length==1)? 0 : 1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</div>')
}
</script></CENTER></p>