<body onload="fotoboek()">
<script language="JavaScript" type="text/javascript">
// dit kun je wijzigen
 var Beeldbreedte=116;
 var Beeldhoogte=118;
 var Rand=true;
 var Randkleur="silver";
 var Snelheid=15;
 var Pauze=1500; // 1 seconde = 1000
 var Verticaal=0; 
// hier plaats je de afbeeldingen
 Afbeeldingen=new Array(
  "foto1.jpg","#",
  "foto2.jpg","#",
  "foto3.jpg","#",
  "foto4.jpg","#" // geen komma na laatste regel!
  );
// Hieronder niets wijzigen
 var BLI,BMI,BRI,BTI,HOEK=0,AFBC=6,MAXB,RICHTING=1;
 var B_MSz,HALT=false;AFBV=new Array(Afbeeldingen.length);

 function fotoboek(){
  if(document.getElementById){
   for(i=0;i<Afbeeldingen.length;i+=2){
    AFBV[i]=new Image();AFBV[i].src=Afbeeldingen[i]}
   BoekDiv=document.getElementById("Boek");
   BLI=document.createElement("img");BoekDiv.appendChild(BLI); 
   BRI=document.createElement("img");BoekDiv.appendChild(BRI);
   BMI=document.createElement("img");BoekDiv.appendChild(BMI); 
   BLI.style.position=BMI.style.position=BRI.style.position="absolute";
   BLI.style.zIndex=BRI.style.zIndex=0;BMI.style.zIndex=1;
   BLI.style.top=(Verticaal?Beeldhoogte+1:0)+"px";
   BLI.style.left=0+"px";
   BMI.style.top=0+"px";
   BMI.style.left=(Verticaal?0:Beeldbreedte+1)+"px";
   BRI.style.top=0+"px";
   BRI.style.left=(Verticaal?0:Beeldbreedte+1)+"px";
   BLI.style.height=Beeldhoogte+"px";
   BMI.style.height=Beeldhoogte+"px";
   BRI.style.height=Beeldhoogte+"px";
   BLI.style.width=Beeldbreedte+"px";
   BMI.style.width=Beeldbreedte+"px";
   BRI.style.width=Beeldbreedte+"px";
   if(Rand){
    BLI.style.borderStyle=BMI.style.borderStyle=BRI.style.borderStyle="solid";
    BLI.style.borderWidth=1+"px";
    BMI.style.borderWidth=1+"px";
    BRI.style.borderWidth=1+"px";
    BLI.style.borderColor=BMI.style.borderColor=BRI.style.borderColor=Randkleur}
   BLI.src=AFBV[0].src;
   BLI.lnk=Afbeeldingen[1];
   BMI.src=AFBV[2].src;
   BMI.lnk=Afbeeldingen[3];
   BRI.src=AFBV[4].src;
   BRI.lnk=Afbeeldingen[5];
   BLI.onclick=BMI.onclick=BRI.onclick=HYPERLINK;
   BLI.onmouseover=BMI.onmouseover=BRI.onmouseover=STOP;
   BLI.onmouseout=BMI.onmouseout=BRI.onmouseout=START;
   AFBEELDINGEN()}}

 function AFBEELDINGEN(){
  if(!HALT){
   if(Verticaal){
    B_MSz=Math.abs(Math.round(Math.cos(HOEK)*Beeldhoogte));
    MidOffset=!RICHTING?Beeldhoogte+1:Beeldhoogte-B_MSz;
    BMI.style.top=MidOffset+"px";
    BMI.style.height=B_MSz+"px"}
   else{B_MSz=Math.abs(Math.round(Math.cos(HOEK)*Beeldbreedte));
    MidOffset=RICHTING?Beeldbreedte+1:Beeldbreedte-B_MSz;
    BMI.style.left=MidOffset+"px";
    BMI.style.width=B_MSz+"px"}
   HOEK+=Snelheid/720*Math.PI;
   if(HOEK>=Math.PI/2&&RICHTING){
    RICHTING=0;
    if(AFBC==Afbeeldingen.length)AFBC=0;
    BMI.src=AFBV[AFBC].src;
    BMI.lnk=Afbeeldingen[AFBC+1];
    AFBC+=2}
   if(HOEK>=Math.PI){
    RICHTING=1;
    BTI=BLI;
    BLI=BMI;
    BMI=BTI;
    if(Verticaal)BMI.style.top=0+"px";
    else BMI.style.left=Beeldbreedte+1+"px";   
    BMI.src=BRI.src;
    BMI.lnk=BRI.lnk;

    setTimeout("PAUZEREN()",Pauze)}
   else setTimeout("AFBEELDINGEN()",50)}
  else setTimeout("AFBEELDINGEN()",50)}

 function PAUZEREN(){
   if(AFBC==Afbeeldingen.length)AFBC=0;
   BRI.src=AFBV[AFBC].src;
   BRI.lnk=Afbeeldingen[AFBC+1];
   BMI.style.zIndex=2;
   BLI.style.zIndex=1;
   HOEK=0;
   AFBC+=2;
  setTimeout("AFBEELDINGEN()",50)}

 function HYPERLINK(){if(this.lnk)window.location.href=this.lnk}
 function STOP(){HALT=true;this.style.cursor=this.lnk?"pointer":"default"}
 function START(){HALT=false}
</script>
<center>
 <div id="Boek" style="position:relative">
  <img src="transparant.gif" width="220" height="120">
 </div>
</center>

<BODY bgColor=#F5C47F onload=zyva() link=\"#E55F40\" vlink=\"#E55F40\" alink=\"#E55F40\">

<DIV id=txt
style=\"COLOR: #c0ff40; FILTER: dropshadow(offx=2, offy=2, color=#ffffff,enabled=1);
FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; WIDTH: 100%\"></DIV>

<IMG id=img src=\"11.gif\"
style=\"LEFT: -2000px; POSITION: absolute; TOP: -2000px; Z-INDEX: -1\" width=\"78\" height=\"81\">

<SCRIPT>

with (document.body) {
 xm=offsetWidth
 ym=offsetHeight
 scroll=\"auto\"
 style.cursor=\"crosshair\"
}
//---------ch\'tits réglages-------
Nxi=1
Nyi=30
acc=0.01
amp=60
//-----------------------------------
Dxi=0;Dyi=0;Li=0;Hi=0;Nxy=Nxi*Nyi
IDTime=0;obj=0;xs=0;ys=0;n=0
solitude=0
pas=0
//------------------------------------
   
function mov() {
 solitude++
 pas+=acc
 for(i=0;i<Nxy;i++){
   arg = ((i*pas)+solitude) * Math.PI / 90
   obj[i+1].style.top=dcy+(Math.sin(arg)*amp)
   obj[i+1].style.left=dcx+(Math.cos(arg)*amp)
 }
}
function zyva() {
 Dxi=img.width
 Dyi=img.height
 Li=Dxi/Nxi
 Hi=Dyi/Nyi
 x=0;y=0;n=0
 dcx=Math.round((xm-Dxi)/2)
 dcy=Math.round((ym-Dyi)/2)
 for(i=1;i<=Nxi;i++) {
  for(j=1;j<=Nyi;j++) {
   rx=-1+Math.random()*2
   ry=-1+Math.random()*2
   y1=y+dcy;x1=x+dcx
   tope=((n % Nyi)/Hi)
   lefte=(Math.floor(n/Nyi)*Li)
   code=\"<img src=\'\"+img.src+\"\' style=\'position:absolute;CLIP: rect(\"+tope+\" auto auto \"+lefte+\");z-index: -1;top=-2000\'>\"
   document.body.insertAdjacentHTML(\"beforeEnd\",code)
   y+=Hi;n++
  }
  x+=Li;y=0
 }
 obj=document.all.tags(\"img\")
 IDTime=setInterval(\"mov()\",1)
 setTimeout(\"txt.style.visibility=\'hidden\'\",40000)
}
</SCRIPT>

Zwevende plaatjes; klik op\'selecteer alles\' Kopieer de code en plak deze tussen de body tags.Verander bovenaan de code,de achtergrondkleuren,tekstkleuren,evt de naam van het gifje en de afmetingen