Het 12 tafels-cript

Als voorbereiding heb je nodig 12gelijke plaatjes>
Ik heb gekozen voor plaatjes 150x150 pixels.
maar dat mag natuurlijk ook wat anders zijn b.v.b 150x75 net wat je mooi vind.
als je maar niet vergeet die maten ook aan te passen in het script.
Een achtergrond en eventueel een midi.

Download het script hier.

 

<HTML><HEAD>

<!--made by Finy 31-05-2001 -->

Hier komt je midi

<BGSOUND balance=0 loop=infinite src="music.mid" volume=0>

<STYLE></STYLE>

</HEAD>

Hier komt je je achtergrond te staan

<BODY bgColor=#C9372E background="achtergrondplaatje">

Hier komt je  achtergrond van de tafel acher de plaajes

<IMG id=image src="achtergrond buitenste cellen" width="100" height="100" style="DISPLAY: none">

Hier komt je achtergrond van de tafel achter de tekst

<IMG id=image2 src="achtergrond middelste cel" width="100" height="100" style="DISPLAY: none">

<TABLE id=TabBak

cellSpacing=0 borderColorDark=#6699cc cellPadding=5 width="60%" align=center borderColorLight=#ffffff

bgcolor=#6699cc border=4>

<!-- 1 row, 4 cells in a row -->

<TBODY>

<TR>

<TD align=middle width="25%">

Hier komen je plaatjes ik heb ze rood genummerd van 01 tot 12

<IMG style="FILTER: RevealTrans; VISIBILITY: hidden" src="plaatje01"

Hier pas je de maten aan van de plaatjes die je gebruikt.
Let op er staan er voor elke regel 1 waar je de maten in moet vullen.

onload="filters(0).Apply();&#13;&#10; &#9;&#9;&#9;filters(0).transition=1;&#13;&#10; &#9;&#9;style.visibility='visible';&#13;&#10; &#9;&#9;&#9;filters(0).Play(15.000);" width="200" height="75">

</TD>

<TD align=middle width="25%">

<IMG style="FILTER: RevealTrans; VISIBILITY: hidden"

src="plaatje02"

onload="filters(0).Apply();&#13;&#10; &#9;&#9;&#9;filters(0).transition=2;&#13;&#10; &#9;&#9;style.visibility='visible';&#13;&#10; &#9;&#9;&#9;filters(0).Play(15.000);" width="200" height="75">

</TD>

<TD align=middle width="25%"><IMG

style="FILTER: RevealTrans; VISIBILITY: hidden"

src="plaatje03"

onload="filters(0).Apply();&#13;&#10; &#9;&#9;&#9;filters(0).transition=3;&#13;&#10; &#9;&#9;style.visibility='visible';&#13;&#10; &#9;&#9;&#9;filters(0).Play(15.000);" width="200" height="75">

</TD>

<TD align=middle width="25%"><IMG

style="FILTER: RevealTrans; VISIBILITY: hidden"

src="plaatje04"

onload="filters(0).Apply();&#13;&#10; &#9;&#9;&#9;filters(0).transition=4;&#13;&#10; &#9;&#9;style.visibility='visible';&#13;&#10; &#9;&#9;&#9;filters(0).Play(15.000);">

</TD></TR><!-- 2 row, 4 cells in a row -->

<TR>

<TD align=middle width="25%"><IMG

style="FILTER: RevealTrans; VISIBILITY: hidden"

src="plaatje05"

onload="filters(0).Apply();&#13;&#10; &#9;&#9;&#9;filters(0).transition=5;&#13;&#10; &#9;&#9;style.visibility='visible';&#13;&#10; &#9;&#9;&#9;filters(0).Play(15.000);" width="200" height="75">

</TD>

<TD id=TabBak2 vAlign=top align=middle bgColor=#6699CC colSpan=2 rowSpan=2>

<DIV><FONT face="Lucida Handwriting" color=#C9372E size=4>

<CENTER>Your message here</CENTER></FONT></DIV></FONT></TD>

 

<TD align=middle width="25%">

<IMG style="FILTER: RevealTrans; VISIBILITY: hidden"

src="plaatje06"

onload="filters(0).Apply();&#13;&#10; &#9;&#9;&#9;filters(0).transition=6;&#13;&#10; &#9;&#9;style.visibility='visible';&#13;&#10; &#9;&#9;&#9;filters(0).Play(15.000);">

</TD></TR>

<!-- 3 row, 4 cells in a row -->

<TR>

<TD align=middle width="25%"><IMG

style="FILTER: RevealTrans; VISIBILITY: hidden"

src="plaatje07"

onload="filters(0).Apply();&#13;&#10; &#9;&#9;&#9;filters(0).transition=7;&#13;&#10; &#9;&#9;style.visibility='visible';&#13;&#10; &#9;&#9;&#9;filters(0).Play(15.000);">

</TD>

<TD align=middle width="25%"><IMG

style="FILTER: RevealTrans; VISIBILITY: hidden"

src="plaatje08"

onload="filters(0).Apply();&#13;&#10; &#9;&#9;&#9;filters(0).transition=7;&#13;&#10; &#9;&#9;style.visibility='visible';&#13;&#10; &#9;&#9;&#9;filters(0).Play(15.000);">

</TD></TR>

<!-- 4 row, 4 cells in a row -->

<TR>

<TD align=middle width="25%"><IMG

style="FILTER: RevealTrans; VISIBILITY: hidden"

src="plaatje09"

onload="filters(0).Apply();&#13;&#10; &#9;&#9;&#9;filters(0).transition=8;&#13;&#10; &#9;&#9;style.visibility='visible';&#13;&#10; &#9;&#9;&#9;filters(0).Play(15.000);" width="200" height="75">

</TD>

<TD align=middle width="25%"><IMG

style="FILTER: RevealTrans; VISIBILITY: hidden"

src="plaatje10"

onload="filters(0).Apply();&#13;&#10; &#9;&#9;&#9;filters(0).transition=9;&#13;&#10; &#9;&#9;style.visibility='visible';&#13;&#10; &#9;&#9;&#9;filters(0).Play(15.000);">

</TD>

<TD align=middle width="25%"><IMG

style="FILTER: RevealTrans; VISIBILITY: hidden"

src="plaatje11"

onload="filters(0).Apply();&#13;&#10; &#9;&#9;&#9;filters(0).transition=10;&#13;&#10; &#9;&#9;style.visibility='visible';&#13;&#10; &#9;&#9;&#9;filters(0).Play(15.000);">

</TD>

<TD align=middle width="25%"><IMG

style="FILTER: RevealTrans; VISIBILITY: hidden"

src="plaatje12"

onload="filters(0).Apply();&#13;&#10; &#9;&#9;&#9;filters(0).transition=11;&#13;&#10; &#9;&#9;style.visibility='visible';&#13;&#10; &#9;&#9;&#9;filters(0).Play(15.000);">

</TD></TR></TBODY></TABLE>

<SCRIPT language=JavaScript>

function tableBackground() {

TabBak.background = image.src;

}

tableBackground();

</SCRIPT>

 

 

<SCRIPT language=JavaScript>

function tableBackground() {

TabBak2.background = image2.src;

}

tableBackground();

</SCRIPT>

 

 

<SCRIPT language=JavaScript>

<!--

ScrollSpeed = 500; // milliseconds between scrolls

ScrollChars = 4; // chars scrolled per time period

function SetupTicker() {

// add space to the left of the message

Hier komt je tekst van je ticker onder in de balk.

msg = "Hier de tekst van je ticker ";

RunTicker();}

function RunTicker() {

window.setTimeout('RunTicker()',ScrollSpeed);

window.status = msg;

msg = msg.substring(ScrollChars) + msg.substring(0,ScrollChars);}

SetupTicker();

<!-- end -->

</SCRIPT>

</BODY></HTML>

 


Succes Aad