Javascript diaporama

Javascript diaporama - HTML/CSS - Programmation

Marsh Posté le 07-12-2006 à 16:14:03    

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 :
  1. <script language="JavaScript1.2">
  2. <!--
  4. //Specify the slider's width (in pixels)
  5. var sliderwidth=250
  6. //Specify the slider's height (in pixels, pertains only to NS)
  7. var sliderheight=376
  8. //Specify the slider's scroll speed (larger is faster)
  9. var slidespeed=10
  11. //Specify the slider's images
  12. var leftrightslide=new Array()
  13. var finalslide=''
  14. leftrightslide[0]='<a href="http://www.am2.fr"><img src="photos/1-Aiguillettes de canard.jpg" border=0></a>'
  15. leftrightslide[1]='<a href="http://www.am2.fr"><img src="photos/2-Canard au miel de coriandre.jpg" border=0></a>'
  16. leftrightslide[2]='<a href="http://www.am2.fr"><img src="photos/3-Parmentier de canard.jpg" border=0></a>'
  17. leftrightslide[3]='<a href="http://www.am2.fr"><img src="photos/4-Tajine de canard.jpg" border=0></a>'
  18. leftrightslide[4]='<a href="http://www.am2.fr"><img src="photos/5-Tournedos de canard.jpg" border=0></a>'
  20. ///////do NOT edit pass this line////////////////////////////////////
  22. var copyspeed=slidespeed
  23. //copy contents of leftrightslide into one variable
  24. for (i=0;i<leftrightslide.length;i++)
  25. finalslide=finalslide+leftrightslide[i]+"  "
  28. if (document.all){
  29. //dynamically write out the marquee tag
  30. document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
  31. //stop marquee when mouse is over it
  32. ieslider.onmouseover=new Function("ieslider.scrollAmount=0" )
  33. //re-enable marquee when mouse is out
  34. ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed" )
  35. }
  37. function regenerate(){
  38. window.location.reload()
  39. }
  40. function regenerate2(){
  41. if (document.layers){
  42. document.ns_slider01.visibility="show"
  43. setTimeout("window.onresize=regenerate",450)
  44. intializeleftrightslide()
  45. }
  46. if (document.all)
  47. ieslider.scrollAmount=slidespeed
  48. }
  50. //NS specific function for initializing slider upon page load
  51. function intializeleftrightslide(){
  52. document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>')
  53. document. ns_slider01.document.ns_slider02.document.close()
  54. thelength=document.ns_slider01.document.ns_slider02.document.width
  55. scrollslide()
  56. }
  58. //NS specific function for sliding slideshow
  59. function scrollslide(){
  60. if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){
  61. document.ns_slider01.document.ns_slider02.left-=slidespeed
  62. setTimeout("scrollslide()",100)
  63. }
  64. else{
  65. document.ns_slider01.document.ns_slider02.left=sliderwidth
  66. scrollslide()
  67. }
  68. }
  69. window.onload=regenerate2
  71. //-->
  72. </script>
  75. <ilayer width=&{sliderwidth}; height=&{sliderheight}; name="ns_slider01" visibility=hide>
  76. </ilayer>


Message édité par WhiskyWalker le 07-12-2006 à 16:14:22
Reply

Marsh Posté le 07-12-2006 à 16:14:03   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed