09. november 2004 - 13:38
Der er
15 kommentarer og 1 løsning
Fra almindelig skift til fade skift?
Hej Er der en som der kan få dette her script til at fade i mellem hinanden, i stedet for bare at skifte? Jeg har ikke forstand på JS, her er scriptet: <script language="JavaScript"> var messageArray = new Array(); var myCount=0; messageArray[0] = "<table width=\"499\" border=\"0\" cellpadding=\"0\" cellspacing=\"3\" bgcolor=\"#0099CC\"><tr align=\"left\" valign=\"top\"><td width=\"98\" rowspan=\"2\"><img src=\"test1.jpg\" width=\"100\" height=\"75\"></td><td width=\"313\"><B>Overskrift 1</B></td></tr><tr><td align=\"left\" valign=\"top\">Besked 1<BR><BR><BR></td></tr></table>"; messageArray[1] = "<table width=\"499\" border=\"0\" cellpadding=\"0\" cellspacing=\"3\" bgcolor=\"#0099CC\"><tr align=\"left\" valign=\"top\"><td width=\"98\" rowspan=\"2\"><img src=\"test2.jpg\" width=\"100\" height=\"133\"></td><td width=\"313\"><B>Overskrift 2</B></td></tr><tr><td align=\"left\" valign=\"top\">Besked 2<BR><BR><BR></td></tr></table>"; messageRotate(); function messageRotate() { if(myCount > messageArray.length-1){myCount=0;} // Write out rotation if (document.all){ // it is IE document.all.l3.innerHTML=messageArray[myCount]; } else if (document.layers){ // it is NN document.layers.l1.document.layers.l2.document.open(); document.layers.l1.document.layers.l2.document.write(messageArray[myCount]); document.layers.l1.document.layers.l2.document.close(); } setTimeout("messageRotate()", 5000); myCount++; } // --> </script>
Annonceindlæg fra Barco
09. november 2004 - 13:44
#2
Jeg har været en del rundt på de sider, og syntes ikke at jeg har kunne finde noget bedre. Som jeg nævnte har jeg ikke en dyt forstand på js, så jeg kan ikke lave om i de scripts. Det jeg syntes der er rart ved dette script er at jeg kan sætte html ind i de array´s. Kan du evt hjælpe mig? :o) // Rene
09. november 2004 - 14:05
#3
Prøv f.eks. at kigge på
http://www.eksperten.dk/spm/486056 ...
-- der er det gjort ved at lægge en række elementer ovenpå hinanden et sted på siden, og så fade dem ud og ind !-)
09. november 2004 - 14:10
#4
Jo, det ser ud til at virke som jeg gerne vil have det til. Kan det blive et problem hvis man har mange div´er? Fx 200?
09. november 2004 - 14:44
#5
Kode-længden bliver ikke meget anderledes af at den findes som html eller js-variabler, men jeg ville selv finde en metode, så der ikke var så mange, for den vil alligevel aldrig nå alle 200 igennem, mens en bruger var på siden ... -- så jeg ville lave et begrænset udtræk fra databasen på mellem 10 og 50 og så vise dem, men principielt skulle mængden i sig selv ikke betyde noget !-)
09. november 2004 - 14:46
#6
ok. Mange tak for hjælpen. Lig et svar. Så får du nogle point :o)
09. november 2004 - 14:49
#7
Velbekomme '-)
09. november 2004 - 14:51
#8
-- og tak for point ;~}
09. november 2004 - 14:52
#9
Det var så lidt :o)
09. november 2004 - 14:54
#10
Kan man lave det med tabel´er i stedet for div´s?
09. november 2004 - 15:05
#11
Principielt kan du lave det med en hvilkensomhelst type html-elementer, som har en fysisk udstrækning ...
09. november 2004 - 15:07
#12
ok, meen kan du lave det om? :o) Ved ikke lige hvordan det gøres. Har været ved at prøve, men så skifter den ikke :(
09. november 2004 - 15:12
#13
Hej igen... Du behøves ikke at lave det om til tabel´er. Det er fint nok med div´er :o) Igen mange tak for hjælpen.
09. november 2004 - 15:12
#14
Håber ikke at du var gået i gang.
09. november 2004 - 15:16
#15
<div id="container"> <table id="nyhed0" class="fadeDiv" style="filter:alpha(opacity=100);-moz-opacity:1;" width="499" border="0" cellpadding="0" cellspacing="3" bgcolor="#0099CC"><tr align="left" valign="top"><td width="98" rowspan="2"><img src="test1.jpg" width="100" height="75"></td><td width="313"><B>Overskrift 1</B></td></tr><tr><td align="left" valign="top">Besked 1<BR><BR><BR></td></tr></table> <table id="nyhed1" class="fadeDiv" style="filter:alpha(opacity=0);-moz-opacity:0;" width="499" border="0" cellpadding="0" cellspacing="3" bgcolor="#0099CC"><tr align="left" valign="top"><td width="98" rowspan="2"><img src="test2.jpg" width="100" height="75"></td><td width="313"><B>Overskrift 2</B></td></tr><tr><td align="left" valign="top">Besked 2<BR><BR><BR></td></tr></table> <table id="nyhed2" class="fadeDiv" style="filter:alpha(opacity=0);-moz-opacity:0;" width="499" border="0" cellpadding="0" cellspacing="3" bgcolor="#0099CC"><tr align="left" valign="top"><td width="98" rowspan="2"><img src="test3.jpg" width="100" height="75"></td><td width="313"><B>Overskrift 3</B></td></tr><tr><td align="left" valign="top">Besked 3<BR><BR><BR></td></tr></table> <table id="nyhed3" class="fadeDiv" style="filter:alpha(opacity=0);-moz-opacity:0;" width="499" border="0" cellpadding="0" cellspacing="3" bgcolor="#0099CC"><tr align="left" valign="top"><td width="98" rowspan="2"><img src="test4.jpg" width="100" height="75"></td><td width="313"><B>Overskrift 4</B></td></tr><tr><td align="left" valign="top">Besked 4<BR><BR><BR></td></tr></table> </div>
09. november 2004 - 15:17
#16
okay... Mange tak for det! Det er super :o) Forsat god dag // Rene
Vi tilbyder markedets bedste kurser inden for webudvikling