login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Hover over foto A activeert de verandering van foto B

Offline pridder - 31/03/2009 23:09
Avatar van pridderNieuw lid Hallo,

Ik heb een website met daarin diverse <div>'s met foto's erin. Nu wil ik bij de muis-over de ene <div> A dat de andere <div> B verandert van foto. Kan iemand mij helpen aub.

3 antwoorden

Gesponsorde links
Offline Codestar - 01/04/2009 00:43
Avatar van Codestar Nieuw lid Je zou een javascript functie kunnen schrijven die het id van het element (in dit geval de foto) ophaalt. Vervolgens het attribuut src van de afbeelding verrandert (bijvoorbeeld met een parameter die je hebt opgegeven).

Deze functie kun je laten werken na een bepaalt event zoals: onmouseover="verranderAfbeelding('/mijnafbeelding.jpg')";
Offline pridder - 01/04/2009 08:51
Avatar van pridder Nieuw lid Ik heb nu in mijn html het volgende staan:

Plaatscode: 127636

De muisover werkt nu op de foto prima, maar moet dus op een andere foto werken.
Offline ArieMedia - 01/04/2009 09:08
Avatar van ArieMedia Gouden medaille

PHP ver gevorderde		 Als je dit doctype gebruikt:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">


Kan je in je div bijvoorbeeld het volgende doen.

css code - Bekijk de code zonder highlighting - Klap code in 
  1. #diva { width: 300px; }
  2. #diva:hover { width: 50px; }


Maar dit werkt alleen met CSS als je doctype 4.01 is
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.178s