login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Image over

Offline Mister - 12/01/2006 10:11
Avatar van MisterHTML interesse Ik heb een menu, bestaand uit afbeelding, en varianten op die afbeeldingen voor als ze er over gaat, nu, als je over de afbeelding gaat zou die variant er moeten opkome, hoe doe ik dit in html?

alvast bedankt

8 antwoorden

Gesponsorde links
Offline Mister - 12/01/2006 10:34
Avatar van Mister HTML interesse ik heb het volgens mij ooit met html gedaan, maar kweet niet meer hoe...

hoe doe ik het dan in css? en kheb gezocht hier bij overzicht en tuts, maar vind het niet echt, ja... css menu's, maar niet met afbeeldingen wat ik dus bedoel

, merci
Offline Bart - 12/01/2006 10:46
Avatar van Bart PHP expert Gewoon met a:hover enz...
Offline Mister - 12/01/2006 10:49
Avatar van Mister HTML interesse maar daar kunde toch niet met die afbeeldingen werken als linkknopo, ofwel? want kzie dage daar wel mee kunt onderlijnen en vergroten enzo.. maar niet met een afbeelding
Offline Sitebase - 12/01/2006 10:53
Avatar van Sitebase PHP expert gewoon a:hover en a werken en in css bij a:hover de achtergrond afbeelding instellen als jou knop afbeelding en bij a hetzelfde
Offline Thomas - 12/01/2006 10:53 (laatste wijziging 12/01/2006 10:54)
Avatar van Thomas Moderator Dit kun je het beste met de onmouseover- en onmouseout-events doen. Je kunt dan ofwel de className veranderen van een tabel-cel of ander blocklevel-element (waarmee je een achtergrondplaatje wijzigt) of de source van een plaatje veranderen, net wat je wilt.

of :hover 
Offline Mister - 12/01/2006 11:04
Avatar van Mister HTML interesse
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <td height="20"><a href="index.htm"><img src="kader_r3_c2.jpg" width="163" height="20" border="0"></a></td>


das de code van zo'n afbeelding met een link achter, en as ge daar over gaat, moet er ander afbeelding kome, nu, dat zullen jullie wel snappen, maar wat ik met die hover dan moet doen snap ik niet echt

dit?
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css">
  2. a:hover { background-image: afbeelding_over.jpg }
  3. </style>


maar bij elke link is die afbeelding anders he
Offline Thomas - 12/01/2006 11:19 (laatste wijziging 12/01/2006 11:20)
Avatar van Thomas Moderator
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <img src="a.gif" name="pic_1" onmouseover="this.src='alternatief_voor_a.gif'" onmouseout="this.src='a.gif'" />

zoiets (niet getest)

je zou ook per "name" een onmouse-over en onmouse-out plaatje kunnen opslaan in een Array en al deze plaatjes kunnen preloaden en een "on" en "off" functie schrijven (dit alles in javascript).
Offline Mister - 12/01/2006 11:35
Avatar van Mister HTML interesse nu werkt het, dit is het...

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <body bgcolor="#333333" onLoad="MM_preloadImages('kader_r3_c2over.jpg','kader_r4_c2over.jpg','kader_r5_c2over.jpg','kader_r6_c2over.jpg','kader_r10_c2over.jpg','kader_r11_c2over.jpg')">


php code - Bekijk de code zonder highlighting - Klap code in 
  1. <td><a href="index.htm" target="_top" onClick="MM_nbGroup('down','group1','prints','',1)" onMouseOver="MM_nbGroup('over','prints','kader_r3_c2over.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="kader_r3_c2.jpg" alt="" name="prints" width="163" height="20" border="0" onload=""></a></td>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.226s