Salve a tutti, ho scaricato uno script per una slideshow di immagini in orizzontale. L'ho già adattato alle mie esigenze, l'ultima cosa che mi serve, per cui vi chiedo aiuto, è fare in modo che le immagini inizino a scorrere dal bordo sinistro del riquadro e non da quello destro. Cosicchè già al caricamente il riquadro contiene delle immagini, mentre al momento, visualizza il riquadro vuoto che piano si riempe delle immagini che vengono da destra verso sinistra. Vi incollo il codice:
codice:<HTML><HEAD> <title>Horizontal Slider v2.2</title> <style type="text/css"> A { text-decoration:none;} A:link { COLOR: blue } A:visited { COLOR: blue } A:hover { COLOR: red;background-color:#66ffff; } .tab { font-weight:bold; font-size:12px; font-family:Arial,Helvetica;} .tabc { font-weight:bold;font-size:12px;font-family:Arial,Helvetica;color:navy;TEXT-ALIGN: center;} .slsh { font-weight:bold; font-size:18px; font-family:Arial,Helvetica;color:red;TEXT-ALIGN: center;} </style> <SCRIPT language="javascript"> /*********************************** * http://javascripts.vbarsan.com/ * This notice may not be removed ***********************************/ //slider's width var swidth=950; //slider's height var sheight=250; //slider's speed var sspeed=10; var resspeed=sspeed; var restart=sspeed; var rspeed=sspeed; //slider's background var scolor="#995723"; //slider's border var sborder="2"; var imagef=''; //images-1: change to your own set of Images //Preload is recommended (no downloading check) - otherwise you may skip this: preload1 = new Image(); preload1.src = "http://www.hotscripts.com/hsimages/logo.gif"; preload2 = new Image(); preload2.src = "http://www.inetinteractive.com/images/logo.gif"; preload3 = new Image(); preload3.src = "http://images.hotscripts.com/static/1.gif"; // ... var leftimage=new Array(); //images-2: change to your own set of Hyperlinks and Images parameters //remove <a ... > & </a> portions where no Hyperlink used //if no preloading, replace '+ ... +' with the actual Images path "..." leftimage[0]='[img]+preload1.src+[/img]'; leftimage[1]='[img]+preload2.src+[/img]'; leftimage[2]='[img]+preload3.src+[/img]'; leftimage[3]='[img]+preload1.src+[/img]'; leftimage[4]='[img]+preload2.src+[/img]'; leftimage[5]='[img]+preload3.src+[/img]'; //leftimage[...]=' ... '; for (mi=0;mi<leftimage.length;mi++) imagef=imagef+leftimage[mi]; function goup(){if(sspeed!=rspeed*8){sspeed=sspeed*2;restart=sspeed;}} function start(){if(document.getElementById)firstns6(document.getElementById('slider')); else if(document.all)firstie(slider);else if(document.layers)firstns4(document.slider1.document.slider2);} var operbr=navigator.userAgent.toLowerCase().indexOf('opera');if(operbr==-1&&navigator.product&&navigator.product=="Gecko"){var agt = navigator.userAgent.toLowerCase();var rvStart = agt.indexOf('rv:');var rvEnd = agt.indexOf(')', rvStart);var check15 = agt.substring(rvStart+3, rvEnd);if(parseFloat(check15)>=1.8) operbr=0;}if(navigator.appVersion.indexOf("Mac")!=-1)operbr=0; function firstns4(whichdiv){tdivns4=eval(whichdiv);tdivns4.document.write('<nobr>'+imagef+'</nobr>');tdivns4.document.close();thel=tdivns4.document.width;tdivns4.left=swidth;slidens4();} function slidens4(){if(tdivns4.left>=thel*(-1)){tdivns4.left-=sspeed;setTimeout("slidens4()",100);}else{tdivns4.left=swidth;slidens4();}} function firstie(whichdiv){tdivie=eval(whichdiv);tdivie.innerHTML=('<nobr>'+imagef+'</nobr>');thel=tdivie.offsetWidth;tdivie.style.pixelLeft=swidth;slideie();} function slideie(){if(tdivie.style.pixelLeft>=thel*(-1)){tdivie.style.pixelLeft-=sspeed;setTimeout("slideie()",100);}else{tdivie.style.pixelLeft=swidth;slideie();}} function firstns6(whichdiv){tdiv6=eval(whichdiv);tdiv6.innerHTML=('<nobr>'+imagef+'</nobr>');thel=tdiv6.offsetWidth;if(operbr!=-1){opslider.innerHTML='<nobr>'+imagef+'</nobr>';thel=opslider.offsetWidth;}tdiv6.style.left=swidth;slidens6();} function slidens6(){if(parseInt(tdiv6.style.left)>=thel*(-1)){tdiv6.style.left=parseInt(tdiv6.style.left)-sspeed;setTimeout("slidens6()",100);}else{tdiv6.style.left=swidth;slidens6();}} </SCRIPT> </HEAD> <BODY onLoad="start();"> <SCRIPT language="javascript">document.write('<table border=2 align="center" bgcolor="#ccffcc"><tr><td width='+swidth+'>');if(document.layers)document.write('<span style="borderWidth:0px; borderStyle:none; clip:rect(0 '+swidth+' '+sheight+' 0);"><ilayer width='+swidth+' height='+sheight+' name="slider1"><layer class=slsh width='+swidth+' height='+sheight+'>SLIDING SHOW</layer><layer width='+swidth+' height='+sheight+' name="slider2" onMouseover="sspeed=0;" onMouseout="sspeed=resspeed"></layer></ilayer></span>');else {document.write('<div style="position:relative;overflow:hidden;width:'+swidth+';height:'+sheight+';clip:rect(0 '+swidth+' '+sheight+' 0);">');if(operbr!=-1)document.write('<div id="opslider" style="position:absolute;visibility:hidden;"></div>');else document.write('<div class=slsh style="position:absolute;width:'+swidth+';height:'+sheight+';"></div>');document.write('<div id="slider" style="position:relative;height:'+sheight+';" onMouseover="sspeed=0;" onMouseout="sspeed=resspeed"></div></div>');}</SCRIPT></td></tr></table> </BODY></HTML>
Rispondi quotando
