Afbeelding interactie

[Arjan-901]

Hallo,

Ik ben bezig met het maken van een website. Nu wil ik een bepaald proces uitleg doormiddel van plaatjes. Nu zag ik op de website van Pathé een leuk voorbeeld (als je met de muis over de ronde afbeeldingen gaat:
http://www.pathe-thuis.nl/kado

Nu wil ik een soortgelijk iets gaan maken, maar ik weet niet hoe of waar te beginnen.

Mijn idee.

Je ziet een ronde afbeelding, je gaat met je muis eroverheen en zoomt in op een bepaald onderdeel in dat plaatje (bijvoorbeeld een zoekbox). nadat er is ingezoomt moet er in de zoekbox iets worden ingetypt.

Hoe kan ik dit voor elkaar krijgen?

[RM-rf]

lijkt me gewoon mogelijk met CSS3

een :hover icm met een transition

http://css3.bradshawenterprises.com/transitions/
http://css-tricks.com/almanac/properties/t/transition/

[TERW_DAN]

Als ik het zo zie is dit gedaan dmv CSS transitions. Rechtsklik op het element en kies voor 'inspect element' en je kunt al redelijk zien hoe een en ander in elkaar steekt.

[xibalba]

Voor wat inspiratie: http://leaverou.github.io/animatable/

[E.R.Y.]

Daar is inderdaad genoeg over te vinden, https://www.google.nl/#q=Caption+Hover+Effects&safe=off
1e resultaat moet je wel wat mee kunnen denk ik.

overigens heel veel andere leuke demo's te vinden