div verandert bij diverse mouseovers

Status
Niet open voor verdere reacties.

ploerd

Nieuwe gebruiker
Lid geworden
16 aug 2011
Berichten
1
Hallo iedereen,

Ik ben niet bekend met Javascript en op zoek naar iemand die mij even met het volgende kan helpen.

Zoals je in het bijgevoegde plaatje kunt zien is er een divje omringd met icoontjes. Als je met je muis over één van de icoontjes gaat moet het icoontje én de tekst in het divje veranderen.

mouseover.gif


Ik ontvang graag een reactie als iemand mij hierbij kan helpen.

Groeten,
Sjoerd
 
Ik kan je helpen als je de code / url voor deze pagina even met ons deelt.
 
  1. Voor het wisselen van de afbeelding van de links (in de buitencirkel) kan je een background-image gebruiken, dat je met css verwisselt door de background-positie aan te passen bij de hover-toestand. Zie voor het principe bv.: Een blokje knoppen.
  2. Voor het wisselen van de tekst in het midden kan je ook een image gebruiken, met de betreffende tekst. Met een zg. "css-popup" kan je de verschillende varianten oproepen bij een hover over de afbeeldingen in de buitencirkel. Zie bv. (de broncode van): showathover2.htm
Er hoeft dus helemaal geen javascript aan te pas te komen. :)

Met vriendelijke groet,
CSShunter
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan