Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien

Afbeelding interactie

Pagina: 1
Acties:

  • Arjan-901
  • Registratie: December 2012
  • Laatst online: 15-11-2023
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
  • Registratie: September 2000
  • Nu online

RM-rf

1 2 3 4 5 7 6 8 9

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/

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen


  • TERW_DAN
  • Registratie: Juni 2001
  • Niet online

TERW_DAN

Met een hamer past alles.

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
  • Registratie: Januari 2009
  • Laatst online: 05-07-2021

  • E.R.Y.
  • Registratie: Augustus 2011
  • Laatst online: 18-11 18:22
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