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é :
Code :
- <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>
|
Message édité par WhiskyWalker le 07-12-2006 à 16:14:22
