Javascript diaporama

[WhiskyWalker]

Bonjour, j'étais à la recherche d'un script pour réaliser un diaporama simple automatique (je ne maitrise pas encore assez bien le flash) et je suis tombé sur le suivant. Il est appliqué sur ce site : http://www.canards.fr

Il ne convient pas tout à fais à ce que je cherche. Je voudrais que les images s'affichent plutôt l'une par dessus l'autre (plutôt que glisser vers la gauche) et qu'elle reste visible qqs secondes, avant de passer à la suivante. J'avais tenté de faire un gif directement mais la qualité de l'image est plus que pourrie...

Est-ce que quelqu'un sait ce que je dois corriger là dedans, où alors n'aurais pas directement un script ou autre me permettant de faire ça ?

Edit : bon je viens de me rendre compte que ce code passe pas sur Firefox...

Voilà le code que j'ai utilisé :

<script language="JavaScript1.2">
<!--

//Specify the slider's width (in pixels)
var sliderwidth=250
//Specify the slider's height (in pixels, pertains only to NS)
var sliderheight=376
//Specify the slider's scroll speed (larger is faster)
var slidespeed=10

//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://www.am2.fr"><img src="photos/1-Aiguillettes de canard.jpg" border=0></a>'
leftrightslide[1]='<a href="http://www.am2.fr"><img src="photos/2-Canard au miel de coriandre.jpg" border=0></a>'
leftrightslide[2]='<a href="http://www.am2.fr"><img src="photos/3-Parmentier de canard.jpg" border=0></a>'
leftrightslide[3]='<a href="http://www.am2.fr"><img src="photos/4-Tajine de canard.jpg" border=0></a>'
leftrightslide[4]='<a href="http://www.am2.fr"><img src="photos/5-Tournedos de canard.jpg" border=0></a>'

///////do NOT edit pass this line////////////////////////////////////

var copyspeed=slidespeed
//copy contents of leftrightslide into one variable
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide[i]+"  "


if (document.all){
//dynamically write out the marquee tag
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
//stop marquee when mouse is over it
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
//re-enable marquee when mouse is out
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")
}

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
document.ns_slider01.visibility="show"
setTimeout("window.onresize=regenerate",450)
intializeleftrightslide()
}
if (document.all)
ieslider.scrollAmount=slidespeed
}

//NS specific function for initializing slider upon page load
function intializeleftrightslide(){
document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>')
document. ns_slider01.document.ns_slider02.document.close()
thelength=document.ns_slider01.document.ns_slider02.document.width
scrollslide()
}

//NS specific function for sliding slideshow
function scrollslide(){
if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){
document.ns_slider01.document.ns_slider02.left-=slidespeed
setTimeout("scrollslide()",100)
}
else{
document.ns_slider01.document.ns_slider02.left=sliderwidth
scrollslide()
}
}
window.onload=regenerate2

//-->
</script>


<ilayer width=&{sliderwidth}; height=&{sliderheight}; name="ns_slider01" visibility=hide>
</ilayer>

Modifié 7 Décembre 2006 par WhiskyWalker

[Leonick]

<script language="JavaScript1.2">

Déjà, cette balise est obsolète, il faut mettre

<script type="text/javascript">

après, il y a surement des attributs qui ne fonctionnent qu'avec IE dedans.

[WhiskyWalker]

Merci bien, j'avais pas vu

[iNCiTE Web]

J'ai adapté (bricolé) un diaporama automatique, sous IE il y a des effets de fondu/enchainé, sous les autres navigateurs c'est un simple défilement.

A voir sur www.photomer.com

Seb.