Diaporama avec défilement vertical des photos

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Diaporama avec défilement vertical des photos

par guilt92 » 24 mars 2007, 13:44

C'est absolument génial je te remercie énormement !!!!!!
je n'avais pas reussi a trouver ca et franchement tu me sauves presque la vie !!!!!! ;)

merci merci merci

par AB » 24 mars 2007, 11:51

Bonjour

Ici http://www.phpfrance.com/forums/voir_sujet-11093.php il y a un code qui permet de faire défiler du texte ou des images horizontalement. Il y a vraiment peu de chose à faire pour l'adapter à un défilement vertival :wink:

Diaporama avec défilement vertical des photos

par guilt92 » 24 mars 2007, 04:47

Bonjour,

je voudrais réaliser un script pour faire défiler des photos de droite à gauche en permanence et verticalement dans une cellule d'un tableau. J'ai trouvé beaucoup de post sur le sujet et des bouts de code mais aucune solution qui marche sous IE et Firefox et qui fasse ce que je veux faire. La seule solution que je voie à ce jour serait un java applet mais je prefererait du javascript.... Le code que j'ai pour l'instant fonctionne parfaitement sous IE mais n'affiche absolument rien sous Firefox, à cause de l'ilayer je pense mais je ne sais pas comment l'adapter... si quelqu'un peut m'aider c'est avec plaisir...

Le code :

Code : Tout sélectionner

<script language="javascript"> var sliderwidth=330 var sliderheight=145 var slidespeed=4 //les images var leftrightslide=new Array() var finalslide='' leftrightslide[0]='<img src="image1"/>' leftrightslide[1]='<img src="image2"/>' var copyspeed=slidespeed for (i=0;i<leftrightslide.length;i++) finalslide=finalslide+leftrightslide[i]+"&nbsp;&nbsp;" if (document.all){ document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>') ieslider.onmouseover=new Function("ieslider.scrollAmount=0") 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 } 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() } function scrollslide(){ if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){ document.ns_slider01.document.ns_slider02.left-=''+slidespeed+'px'; setTimeout("scrollslide()",100) } else{ document.ns_slider01.document.ns_slider02.left=''+sliderwidth+'px'; scrollslide() } } window.onload=regenerate2 </script> <ilayer width=&{sliderwidth}; height=&{sliderheight}; name="ns_slider01" visibility=hide> <layer name="ns_slider02" onMouseover="slidespeed=0;" onMouseout="slidespeed=copyspeed"></layer> </ilayer>