Avatar billede tzag_dk Nybegynder
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>
Avatar billede roenving Novice
09. november 2004 - 13:40 #1
-- scriptet er dybt forældet, jeg mener du kan finde nogle nyere (inklusive fade-effekten !-) på enten www.javascript.com eller på www.dynamicdrive.com ...
Avatar billede tzag_dk Nybegynder
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
Avatar billede roenving Novice
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 !-)
Avatar billede tzag_dk Nybegynder
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?
Avatar billede roenving Novice
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 !-)
Avatar billede tzag_dk Nybegynder
09. november 2004 - 14:46 #6
ok. Mange tak for hjælpen.
Lig et svar. Så får du nogle point :o)
Avatar billede roenving Novice
09. november 2004 - 14:49 #7
Velbekomme '-)
Avatar billede roenving Novice
09. november 2004 - 14:51 #8
-- og tak for point ;~}
Avatar billede tzag_dk Nybegynder
09. november 2004 - 14:52 #9
Det var så lidt :o)
Avatar billede tzag_dk Nybegynder
09. november 2004 - 14:54 #10
Kan man lave det med tabel´er i stedet for div´s?
Avatar billede roenving Novice
09. november 2004 - 15:05 #11
Principielt kan du lave det med en hvilkensomhelst type html-elementer, som har en fysisk udstrækning ...
Avatar billede tzag_dk Nybegynder
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 :(
Avatar billede tzag_dk Nybegynder
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.
Avatar billede tzag_dk Nybegynder
09. november 2004 - 15:12 #14
Håber ikke at du var gået i gang.
Avatar billede roenving Novice
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>
Avatar billede tzag_dk Nybegynder
09. november 2004 - 15:17 #16
okay... Mange tak for det! Det er super :o)

Forsat god dag
// Rene
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester