page flip
script voor het simuleren van pagina's omslaan

home | index | menu | help

Er is geen CSS ondersteuning.

		
		

Dit page-flip-script bevat een flinke hoeveelheid javascript. Je kan werkelijk alles aanpassen aan jouw wensen. Als je b.v. een virtuele ringband in de rug van het "boekje" wilt hebben hoef je alleen maar de variabele "ringbandPic" te voorzien van de url van een plaatje met een ringband. De code is makkelijk te lezen: Het instellen van de afmetingen en het gedrag (b.v. de snelheid van het omslaan van de pagina) is echt eenvoudig. Experimenteer met de waarden en instellingen voor het beste resultaat.

De page-flip in dit voorbeeld is "aangekleed" met een paar plaatjes. De procedure werkt ook zonder plaatjes, maar dan krijg je wel een saai geheel. Om bij jou het voorbeeld te laten werken, zoals op deze "flip-pagina", geef ik de url's van het papier, de kaft en de schaduw. Voor de liefhebber is hier nog de ringband.

Kopieer de broncode van de page-flip naar jouw webruimte en pas alles aan naar jouw eigen wensen.

cache 26-04-2010