De eerste versie van deze pagina was met een plaatje waar, als je er op klikte, een ander plaatjes op de crossfade manier verscheen. Bij nader inzien zal niemand dat waarschijnlijk ooit gebruiken. Deze versie wisselt zelf van plaatje: Je zou het als een basic slide-show kunnen gebruiken..
Om er voor te zorgen dat de procedure eenvoudig te gebruiken is, hebben we de code helemaal uit elkaar getrokken (om aanpassingen eenvoudig te maken). Het stukje Javascript is volgens JSlint 100% in orde. De basis, om wat voor script dan ook te maken met dit crossfade transition-effect, is solide. Als je geen zin (of de puf) hebt om jouw eigen transition-procedure te schrijven, kan je natuurlijk ook gewoon de code overnemen zoals die op deze pagina voorhanden is. In beide gevallen geef ik de CSS-code, het javascript, en de body (code-regels). Hier is de code voor het transition-effect.
Als je niet van plan bent om het script te veranderen, houd er dan rekening mee dat je in de container-afdeling van de CSS even de plaatjes van jou benoemt. Je kan er zo veel benoemen als je wilt. Het volgende plaatje zou in dit geval "#container .bewerk10" worden. Bij de "var totaalaantalplaatjes" moet je nog even het totaal aantal afbeeldingen invullen (is nu 10), en in de body moeten er genoeg span's zijn om de afbeeldingen te "herbergen". Voor de rest is er niets te melden.
De titel van deze pagina is: image cross fade transition.
De sleutelwoorden zijn : cross, fade en transition.
De omschrijving is: "javascript voor crossbrowser cross fade transition".