Deze flip-flop transition stoort niet op een pagina. Toch moet je wat
terughoudend zijn met het gebruiken van image-effects. Jouw pagina's
worden trager en bezoekers raken snel geirriteerd van teveel grafisch
geweld. De procedure is als volgt. Maak 2 vierkante plaatjes en voer
de hoogte en breedte in bij het script en de afmetingen van de img.
De plaatjes moeten dezelfde afmeting hebben (anders is het effect geheel weg).
In het script is dat de variabele "vierkantpix" en bij het plaatje zijn dat
de height en de width. Ook in de style-sheet (.flip) moet je de afmetingen
aanpassen. Desgewenst kan je nog, in het script, de tijd tussen de flip en de flop
instellen met de variabele "pauze" (die nu op 5000 msec. staat). Om de procedure
snel te kunnen testen op jouw webruimte geef ik hier het eerste en het
tweede plaatje. Verder heb je nog de broncode nodig van
de flip-flop-transition pagina Haal er uit wat je nodig hebt om dit
effect op jouw pagina('s) te zetten. De transition is foutloos (JSLint) en valideert op html5 en CSS.
Deze flip-flop transition stoort niet op een pagina. Toch moet je wat
terughoudend zijn met het gebruiken van image-effects. Jouw pagina's
worden trager en bezoekers raken snel geirriteerd van teveel grafisch
geweld. De procedure is als volgt. Maak 2 vierkante plaatjes en voer
de hoogte en breedte in bij het script en de afmetingen van de img.
De plaatjes moeten dezelfde afmeting hebben (anders is het effect geheel weg).
In het script is dat de variabele "vierkantpix" en bij het plaatje zijn dat
de height en de width. Ook in de style-sheet (.flip) moet je de afmetingen
aanpassen. Desgewenst kan je nog, in het script, de tijd tussen de flip en de flop
instellen met de variabele "pauze" (die nu op 5000 msec. staat). Om de procedure
snel te kunnen testen op jouw webruimte geef ik hier het eerste en het
tweede plaatje. Verder heb je nog de broncode nodig van
de flip-flop-transition pagina Haal er uit wat je nodig hebt om dit
effect op jouw pagina('s) te zetten. De transition is foutloos (JSLint) en valideert op html5 en CSS.
