cross fade transitions
laat plaatjes vloeiend in elkaar over gaan

home | index | menu | help

Er is geen CSS ondersteuning.


		

cross fade (start in 12 seconden)

Kopieer eerst de broncode van het transition-effect naar jouw webruimte. Als je even kijkt naar de style-sheet zie je dat in #container er 3 "bewerk"-items staan. Elk item heeft als background een plaatje. Zoveel plaatjes je wilt gebruiken, zoveel items moet je aanmaken. In de body staat de div "container". Daar moeten hetzelfde aantal spans worden toegevoegd als in de style-sheet items staan.

In het javascript moet je het aantal plaatjes aangeven in de eerste variabele (totaalaantalplaatjes). Verder kan je de snelheid van het wisselen van de plaatjes en de snelheid van het transition-effect bepalen met de variabelen interval en tijdvoortransform. Tot slot kan je de gradatie van de opacity instellen met de variabelen visible en invisible. Plaatje   1      2   en   3   kan je hier downloaden.

cache 28-05-2010