login  Naam:   Wachtwoord: 
Registreer je!
 Forum

plaatje groter bij hover

Offline Stefan14 - 02/05/2006 19:09
Avatar van Stefan14PHP gevorderde ik heb een plaatje in een link geplaatst, en wil dat deze door middel van css iets groter wordt als de muis erboven hangt.

ik heb de volgende code geprobeerd:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. a:hover.taal {
  2. width: 20px;
  3. height: 20px;
  4. }


maar dit leverde geen resultaat, er gebeurde namelijk helemaal niets, wat is wel de juiste code om dit te doen?

4 antwoorden

Gesponsorde links
Offline svm - 02/05/2006 19:26
Avatar van svm PHP ver gevorderde Probeer anders een met JavaScript.
Misschien kan http://www.leej...rklein.htm je helpen.

Groeten,
Stefan (svm)
Offline Stefan14 - 02/05/2006 20:06
Avatar van Stefan14 PHP gevorderde en laat ik nu net helemaal geen javascript kunnen, dus ik snap niks van die code en hoe ik er een mouse-over in zou kunnen bouwen.
Offline webstab - 02/05/2006 20:17
Avatar van webstab PHP ver gevorderde
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. function imgscale(a) {
  3. var imgs = document.images;
  4. for (var i=0; i<imgs.length; i++) {
  5. var w=imgs[i].width, h=imgs[i].height;
  6. imgs[i].width = a*w;
  7. imgs[i].height = a*h;
  8. }
  9. }
  10. </script>
  11. <a href="#" onmouseover="javascript:imgscale(2)" onmouseout="javascript:imgscale(.5)">
  12. <img alt="" src="url afbeelding" width="" height="" border="0"/>
  13. </a>
Zoiets?
Offline Button - 02/05/2006 20:19 (laatste wijziging 02/05/2006 20:19)
Avatar van Button PHP ver gevorderde
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <center>
  2. <script type="text/javascript">
  3.  
  4. function imgscale(a) {
  5. var imgs = document.images;
  6. for (var i=0; i<imgs.length; i++) {
  7. var w=imgs[i].width, h=imgs[i].height;
  8. imgs[i].width = a*w;
  9. imgs[i].height = a*h;
  10. }
  11. }
  12.  
  13. </script>
  14.  
  15. <div class="scale" style="display: inline; border: 0px lime;
  16. padding: 0.2em; ; color: black; font-family: arial;
  17. font-size: 12px">
  18.   <a href="linkie.php" onMouseOver=imgscale(2) onmouseout="javascript:imgscale(.5)">Linkie</a> 
  19.  
  20. </div>
  21.  
  22. <p><img alt="Maar da's een mooie blauwe vis" src="visje.jpg" width="274" height="181" /></p>
  23. <!-- verander hierboven de teskt voor bij de foto, en de naam van het gifje, en uiteraard de afmetingen -->
(er stond bij dat je het tussen de body-tags moets plaatsen)

dit is gewoon dat ene script van Leejoo.nl dat svm gaf, maar dan de link aangepast zodat hij alleen vergroot wanneer je er over gaat en verkleint wanneer je eraf gaat... (je eigen link en plaatje nog invullen?) miss moet die <center> in het begin ook best weg, want die wordt precies nergens afgesloten (of je sluit hem natuurlijk gewoon af.)

edit:te laat
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.334s