ciao a tutti, sto cercando di creare un rullo con circa 9/10 immagini che scorrano da destra a sinistra, di seguito il codice
il mio problema è che scorrono solo le prime 3 foto qualunque esse siano.codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="it"> <head> <style type="text/css"> #marqueecontainer{ position: relative; width: 635px; /*marquee width */ height: 120px; /*marquee height */ background-color: #f8b800; overflow: hidden; border: 0px; padding: 2px; padding-left: 4px; } </style> <script type="text/javascript"> /*********************************************** * Cross browser Marquee II- © Dynamic Drive (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit http://www.dynamicdrive.com/ for this script and 100s more. ***********************************************/ var delayb4scroll=1 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds) var marqueespeed=2 //Specify marquee scroll speed (larger is faster 1-10) var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)? ////NO NEED TO EDIT BELOW THIS LINE//////////// var copyspeed=marqueespeed var pausespeed=(pauseit==0)? copyspeed: 0 var actualheight='' function scrollmarquee(){ if (parseInt(cross_marquee.style.left)>(actualheight*(-1)+8)) cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px" else cross_marquee.style.left=parseInt(marqueeheight)+8+"px" } function initializemarquee(){ cross_marquee=document.getElementById("vmarquee") cross_marquee.style.left=0 marqueeheight=document.getElementById("marqueecontainer").offsetHeight actualheight=cross_marquee.offsetHeight if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit cross_marquee.style.height=marqueeheight+"px" cross_marquee.style.overflow="scroll" return } setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll) } if (window.addEventListener) window.addEventListener("load", initializemarquee, false) else if (window.attachEvent) window.attachEvent("onload", initializemarquee) else if (document.getElementById) window.onload=initializemarquee </script> </head> <body><div id="marqueecontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"> <div id="vmarquee" style="position: absolute; width: 98%;"> <div> [img]/images/rullo/1.jpg[/img] [img]/images/rullo/2.jpg[/img] [img]/images/rullo/3.jpg[/img] [img]/images/rullo/4.jpg[/img] [img]/images/rullo/5.jpg[/img] [img]/images/rullo/6.jpg[/img] [img]/images/rullo/7.jpg[/img] [img]/images/rullo/8.jpg[/img] [img]/images/rullo/9.png[/img] </div> </div> </div> </body> </html>
un grazie a tutti quelli che mi sapranno aiutare o che ci proveranno.
Rispondi quotando
