div verandert bij diverse mouseovers

[ploerd]

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.

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

Groeten,
Sjoerd

 

[rajmv]

Ik kan je helpen als je de code / url voor deze pagina even met ons deelt.

 

[csshunter]

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