Seite 1 von 1

Bild vergrößern

Verfasst: 26. Dez 2017, 17:50
von türkei-info
Hallo ALLE zusammen, versuche seit zwei Stunden es hin zu bekommen, das wenn ich mit dem Cursor über das Bild gehe, sich dieses vergrößert, bekomme es nicht hin. Wäre schön wenn mir jemand helfen könnte. Danke im voraus. Viele Grüße
Dieses ist der Code -
<script type="text/javascript" language="javascript">
function large(el,num)
{
if(num==1){
el.style.width="600px";
}
if(num==0){
el.style.width="600px";
}
}
</script><img height="250" onload="large(this,0);" onmouseout="large(this,0);" onmouseover="large(this,1);" src="http://file1.npage.de/004326/82/bilder/ ... keiten.jpg " width="250" />

Re: Bild vergrößern

Verfasst: 28. Dez 2017, 09:23
von npage-veteran
Das Hauptproblem ist mMn, dass du in beiden Fällen eine Breite von 600px angibst. Da kann man natürlich gar keine Veränderung bemerken. Ansonsten scheint das JavaScript zu funktionieren. Zumindest hier bei meinem Test geht es:
http://erste-schritte.npage.es/seitemit ... erung.html

Re: Bild vergrößern

Verfasst: 28. Dez 2017, 11:59
von türkei-info
Hallo, Danke für die Antwort, soweit funktioniert es bei mir auch. Es wird aber nur in der Breite vergrößert aber nicht in der Höhe. Möchte es das sich das Bild gleichmäßig vergrößert.

Re: Bild vergrößern

Verfasst: 28. Dez 2017, 13:28
von npage-veteran
Um gleichzeitig Breite und Höhe zu verändern müsste man das Script so anpassen:

Code: Alles auswählen

<script type="text/javascript" language="javascript">
function large(el,num)
{
if(num==1){
el.style.width="600px";
el.style.height="300px";
}
if(num==0){
el.style.width="200px";
el.style.height="100px";
}
}
</script>
Eine gleichmäßige Veränderung ist allerdings nicht so einfach zu realisieren. Das hängt ja auch von der Ausgangsgröße des Bildes ab. Dazu müsste das Script erst die Ausgangsmaße ermitteln und dann die Vergrößerungsmaße errechnen.

Re: Bild vergrößern

Verfasst: 28. Dez 2017, 17:03
von türkei-info
Danke für die Hilfe, wünsche noch einen schönen Abend.