wucher wichtel: onmouseover - Bilder vergrößern, ABER...

Beitrag lesen

Hallo!

Vielen Dank erst mal für Deine Geduld!

Bitte :-)

Allerdings funktionieren in deinem script keine %-Angaben bei den Größenangaben. ich muss also alles in px angeben. Das ist etwas blöd. Aber mann kann net alles haben!

Doch, kann man meistens schon :-) Ich habe es ausprobiert, und es funktioniert eigentlich ganz gut mit den Prozentangaben.

  
<html>  
<head>  
 <title>Test</title>  
<script type="text/javascript">function machGross(){  
 var ID = document.getElementById("bild"); // auf das Bild zugreifen  
 ID.style.width = "200%";  //per style-Objekt auf CSS-Eigenschaften zugreifen und neue Größe festlegen  
 ID.style.height = "200%"; //dito  
}  
function machKlein(){  
 var ID = document.getElementById("bild");  
 ID.style.width = "50%";  
 ID.style.height = "50%";  
}  
</script>  
</head>  
  
<body>  
<p>  
 <a href="#" onmouseover="machGross()" onmouseout="machKlein()">Bild gro&szlig; machen</a>  
 <!--Per onmouseover und onmouseout die Funktionen aufrufen-->  
</p>  
<p>  
 <img src="head21.png" id="bild" style="width:50%; height:50%" alt="">  
 <!--Dem Bild eine ID geben, damit darauf zugegriffen werden kann. Und die Größenangaben per style="" nicht vergessen-->  
</p>  
</body>  
</html>  

Du solltest dir überlegen etwas neueres zuzulegen. Das Buch ist von 1999 und ist deswegen warscheinlich ziemlich veraltet.

Gibts da was neues!? Werd mich gleichmal danach umsehen!

SELFHTML bietet doch super Möglichkeiten HTML und CSS zu lernen!?

Wo ist von 3 verschiedenen onmouseover die Rede? In deinem Buch?

Ja, genau! In dem Buch!

Kannst du vielleicht sagen, was in deinem Buch steht? Dann könnte ich es dir erklären.

Den Rest beantworte ich heute Mittag. Hab jetzt keine Zeit mehr.

ciao, ww

--
sh:(  fo:|  ch:~  rl:(  br:>  n4:~  ie:%  mo:)  va:)  de:]  zu:)  fl:(  ss:|  ls:~  js:)