MouseOver mit Popup?

[infernal]

Halihalo ^^

Ich brauche 'ne kleine Hilfe..
Und zwaar: Ich will, dass wenn ich mit dem Mauszeiger ueber ein Bild fahre, sich das Bild aendert, wenn ich aber das Bild verlasse, es in den urspruenglichen Zustand versetzt wird. Wenn ich nun das Bild anklicke, soll ein Popup (Neues Fenster) erscheinen, das in der Groeße nicht veraendert werden kann.

Das waere soo toll, wenn einer mir nen Code posten koennte :(

MfG infernal

 

[da_loki]

Wenn du den kompletten Code haben möchtest, stell das in die Jobbörse ein.

Andernfalls helfen dir "onClick" "onMouseOver" und "onMouseOut" weiter.

<img src="bild.jpg" onClick="window.open('seite.html');" onMouseOver="document.getElementById('img').src = 'anderesBild.jpg';" onMouseOut="document.getElementById('img').src = 'bild.jpg';" alt="alternativer text" id="img" />

 

[simplicius]

danke für den befehl - frage größe?

hey da_loki, vieln Dank!!
nach diesem begehl hab ich schon lange gesucht!!
nur eine Frage:
wie geb ich die größe des bildes an, dass sich bei mouseover öffnet??
ich möchte nämlich die gleiche Datei verwenden wie die, die sich beim Klick öffnet.
es müsste irgendwie so aussehen, aber so funktionierts nicht wegen der zeichensetzung:
<img src="bild.jpg" onClick="window.open('anderesBild.jpg');" onMouseOver="document.getElementById('img').src = 'anderesBild.jpg' width="420" height="315";" onMouseOut="document.getElementById('img').src = 'bild.jpg';" alt="alternativer text" id="img" />
vieln Dank

 

[yoshi95]

hey da_loki, vieln Dank!!
nach diesem begehl hab ich schon lange gesucht!!
nur eine Frage:
wie geb ich die größe des bildes an, dass sich bei mouseover öffnet??
ich möchte nämlich die gleiche Datei verwenden wie die, die sich beim Klick öffnet.
es müsste irgendwie so aussehen, aber so funktionierts nicht wegen der zeichensetzung:
<img src="bild.jpg" onClick="window.open('anderesBild.jpg');" onMouseOver="document.getElementById('img').src = 'anderesBild.jpg' width="420" height="315";" onMouseOut="document.getElementById('img').src = 'bild.jpg';" alt="alternativer text" id="img" />
vieln Dank

machs halt mit ' statt "

 

[simplicius]

wie sieht das dann aus?

danke! das würde doch dann so aussehen?

onMouseOver="document.getElementById('img').src = 'http://photoundtext.netsons.org/bologna3.jpg' width='420' height='315';"


leider funzt es doch nicht, jetzt öffnet sich der tooltip gar nicht

 

[threadi]

Wenn du auch die Größe des Bildes ändern willst musst du diese Werte gesondert übergeben:

onmouseover="document.getElementById('img').src = 'http://photoundtext.netsons.org/bologna3.jpg';document.getElementById('img').style.width='420px';document.getElementById('img').style.height= 315px';"

 

[yoshi95]

am besten dann das document.getElementById('img') als variable definieren, dann ist es nicht so voll :)

 

[simplicius]

Danke Danke Danke

Ihr habt einen Menschen glücklich gemacht (und vor weiterem krumm und mit mieser Laune vor dem PC sitzen bewahrt!!!)
das war die Lösung!
schönen tag euch noch!