Soort werkzaamheden:
Javascript voor banner

Omschrijving van de werkzaamheden:
Het maken van een banner volgens het Ken Burns effect demo:http://www.css-101.org/articles/ken-...transition.php
Maar de bedoeling is dat in 1 banner (ong 1380x300) 3 foto's komen te staan (iedere foto 460x300), langs elkaar elk met om de beurt dit effect.
De animatie zou dus als volgt moeten gaan.
- site wordt geopend, je ziet de 3 foto's in de banner staan.
- na 3sec veranderd de middelste foto met een fade naar een nieuwe foto + ken burns effect van +- 5 seconden. (de andere foto's blijven staan, zonder animatie)
- hierna veranderd de linker foto, met een fade naar een nieuwe foto + ken burns effect van +- 5 seconden (terwijl de andere foto's blijven staan, zonder animatie)
- hierna veranderd de rechter foto, idem als de 2 andere.
- dan is de cyclus rond en verander de eerste foto weer etc etc.

Bedoeling dat op iedere plaats (links, midden en rechts) een 3-4 tal foto's kunnen geplaatst worden die om de buurt afwisselen.

Interessant zou zijn dat het ken burns effect bijvoorbeeld niet telkens vanuit de linkerbovenhoek komt uitgezoomd. en dat er een afwisseling is van inzoomen en uitzoomen.
Dit mag volledig random zijn of zelf in te stellen per foto.

Het zou fijn zijn moest ik achteraf zelf nog de aantal seconden van delay, animatie kunnen instellen, maar niet verplicht.

Budget voor dit project:
low-xx

Deadline: Plaats ook in TOPIC titel!
Geen harde deadline

BTW-nummer verplicht:
ja | nee

Voorbeelden:
http://www.css-101.org/articles/ken-...transition.php, maar dan dus 3 foto's langs elkaar en ze mogen niet alle 3 tegelijk afgespeeld worden.

Bijlagen:
geen

Alle overige informatie:
Moest er iets niet duidelijk zijn, dan hoor ik het wel