Bild vergrößern

[Happy]

würde gerne diesen Effekt auf meiner HP einbauen und zwar wenn ich mit der Maus auf das Bild zeige vergrößert es das bild
da ich Anfänger bin wäre es lieb wenn es mir wer ganz genau erklärt
( Java sript)

 

[Frank]

<img src="bsp.gif" alt="" 
  onmouseover="this.style.width = '500px';this.style.height = '500px'" 
  onmouseout="this.style.width = 'original_groesse';this.style.height = 'original_groesse'">

 

[Happy]

Danke für den Code, kannst Du mir bitte auch sagen wie ich den Code auf die HP eintrage oder beim Bild eintrage
Danke für deine Mühe
Happy

 

[Commodore]

Du hast doch da den Code stehen, der ist in dem IMG-Tag drinne.

 

[Happy]

Ja den Code habe ich aber wo füge ich ihn ein und was heißt IMG - Tag
lg
Happy

 

[Commodore]

Den Code fügst du in die Seite ein :shock:


Kleine Frage: hast die keinerlei HTML/JS Kenntnisse?

 

[Happy]

Den Code fügst du in die Seite ein :shock:


Kleine Frage: hast die keinerlei HTML/JS Kenntnisse?

Nein leider habe keine Kenntnisse
wenn ich den Code aus meine Seite einfüge bekomme ich auf diesen Platz nur ein Kreuz aber die Bilder auf dieser Seite vergrößern sich nicht. Kannst Du mir bitte weiterhelfen? Danke

 

[Frank]

img - Tag ist alles was zwischen <img und > steht.

So jetzt zu dem was du machen musst.

den gesamten code

<img src="bsp.gif" alt="" 
  onmouseover="this.style.width = '500px';this.style.height = '500px'" 
  onmouseout="this.style.width = 'original_groesse';this.style.height = 'original_groesse'">

fügst du dort ein, wo das Bild angezeigt wird.
Jetzt zu dem was du noch anpassen musst.

src="bsp.gif"

da muss die url zu deinem bild anstelle von bsp.gif rein, z.b. images/bild.gif

onmouseover="this.style.width = '500px';this.style.height = '500px'"

anstelle von 500px machst du die größe des bildes rein, die es haben soll wenn es vergrößert ist, beim ersten 500px kommt die breite des bildes rein, beim zweiten 500px die höhe des bildes

onmouseout="this.style.width = 'original_groesse';this.style.height = 'original_groesse'">[/

du musst original_groesse ersetzen. beim ersten originalgroesse machst du die normale breite des bildes rein, beim zweiten die normale höhe