Een digitale afbeelding (geldt ook voor foto's) bestaat uit pixels.
Een pixel (het woord is ontstaan als samentrekking van picture element) is het kleinste onderdeel van een digitale afbeelding. Elk vakje kan een unieke kleur krijgen, waardoor de afbeelding ontstaat.

Het zonnetje op de afbeelding links is 10 x vergroot weergegeven, waardoor de afzonderlijke pixels duidelijk zichtbaar zijn. De afmeting in pixels is 28 pixels breed en 28 pixels hoog.
 
Het is van belang te weten hoe groot de afbeelding in pixels is om te kunnen berekenen hoe groot de tabel moet worden.
 Zonnetje op ware grootte


Bepaal van te voren hoe groot het eindresultaat moet worden, dit is mede afhankelijk van de grootte van de afbeelding die wordt gebruikt.
In dit voorbeeld is gekozen voor 5 kolommen en 5 rijen. De breedte van elke cel is in dit voorbeeld 88 pixels dat is de breedte van de afbeelding en de tussenruimte tussen de afbeelding.
Er is uitgegaan van een tussenruimte van 60 pixels. De hoogte wordt bepaald door de afmeting van de afbeelding in pixels.
Er is gekozen om de lengte van afbeelding en tussenruimte 1 keer extra te nemen om een korte pauze te krijgen voordat de hele cyclus zich herhaalt.





Maak een tabel met een gelijk aantal rijen en kolommen. Kies voor een tabelbreedte in pixels = 5 keer de tussenruimte tussen de afb in pixels plus 6 keer de breedte van de afb in pixels.
(tussenruimte = 60 px - plaatje = 28 px)
breedte wordt 5 x 60 + 6 x 28 = 468 px
Hoogte 28 px (afm van het plaatje)






















Maak nu van je afb 5  lange stroken elk 468 pixels breed.
Laat op elke strook de afb 60 pixels opschuiven (de tussenruimte)
 

Met het element 'marquee' lopen de stroken gelijktijdig door de tabel.






Worden de afbeeldingen in de juiste volgorde en in de juiste cel gezet, dan lopen ze nog steeds gelijktijdig door de tabel, maar zijn in de overige cellen niet zichtbaar.






















Wanneer met bv een fotobewerkings-  programma de achtergrondkleur van de afb transparant wordt gemaakt, zie je deze niet meer maar de achtergrond is er wel.
Elke strook blijft 468 pixels breed.






















Zet een passende afbeelding als achtergrond in de tabel.
Wanneer de border  0 pixels groot is ziet het eindresultaat er zo uit.

Succes!



















Suggestie.
Probeer het ook eens uit met afbeeldingen welke een ongelijk aantal pixels hebben.

Wanneer wordt gewerkt met een serie afbeeldingen welke een ongelijk aantal pixels hebben bv tekst, dient van elke afbeelding afzonderlijk de breedte in pixels te worden bepaald.
Bij het bepalen van de totale breedte van de stroken  moet dit in de som worden doorberekend, uiteindelijk moeten alle stroken exact dezelfde breedte krijgen, dit om te voorkomen dat er een verloop optreedt.