login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[css] plaatje rollover

Offline DrB - 17/10/2005 16:17 (laatste wijziging 17/10/2005 16:17)
Avatar van DrBHTML interesse Hej,

Even een vraaje over CSS.

Dit is mijn style.css

php code - Bekijk de code zonder highlighting - Klap code in 
  1. body {font-family:verdana, sans-serif; font-size: 10px; color:#000000; background-color:#ffffff; text-align: center; } #container { margin: 0 auto; width: 720px}ഀ 
  2. table.tabel{ഀ 
  3. height: 940px;ഀ 
  4. }



Nu wil ik een rollover menu. Ik heb Home.gif en als er overheen gegaan wordt met de muis moet Home2.gif te zien zijn. Dit kan met css geregeld worden? Zou iemand dit voor mij in mijn style.css kunnen maken.

Dit is de html code van het gedeelte van home:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <td colspan="2"> 
  2.          <img src="images/home.gif" width="48" height="19" alt=""></td>




Ik hoop dat het een beetje duidelijk is.


Greetz,


DrB

5 antwoorden

Gesponsorde links
Offline Thomas - 17/10/2005 16:51 (laatste wijziging 17/10/2005 16:51)
Avatar van Thomas Moderator Dit kun / moet je doen met JavaScript.

Hierbij geef je de images een name en zorg je met onMouseOver en onMouseOut dat de source van je plaatje (via de (unieke!) name) wordt aangepast.

Ik zal hier later wel een voorbeeldje van maken, maar volgens mij zijn er recent al een aantal topics voorbij gekomen op het JavaScript-forum waarin oplossingen hiervoor ter sprake zijn gekomen.
Offline Gerard - 17/10/2005 16:56
Avatar van Gerard Ouwe rakker
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <img id="onoff" src="off.png" alt="" onMouseOver="document.getElementById('onoff').src = 'on.png'" onMouseOut="document.getElementById('onoff').src = 'off.png'" />
Offline DrB - 17/10/2005 18:25 (laatste wijziging 17/10/2005 18:30)
Avatar van DrB HTML interesse Okay harstikke bedankt voor de antwoorden. Ik ga het even proberen!


// update


Is dit ook valid? :

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <img src="images/prijzen.gif" width="48" height="19" border="0" id="fpAnimswapImgFP6" name="fpAnimswapImgFP6" dynamicanimation="fpAnimswapImgFP6" lowsrc="images/prijzen2.gif">
Offline delta_004 - 17/10/2005 18:37
Avatar van delta_004 Onbekend en jij gebruikt frontpage?
Offline DrB - 17/10/2005 18:42
Avatar van DrB HTML interesse Nee, naja ik gebruik kladblok, maar ik wist dat frontpage deze code zelf maakte, maar ik heb de manier van proximus gebruikt en dat werkt prima. Bedankt!

DrB
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.215s