onmouseover onmouseout

[yolcu38]

Hallo,

es handelt sich um folgenden code:




<td width="500" rowspan="2" bgcolor="F7F7F7">
<a href="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e9/Official_portrait_of_Barack_Obama.jpg/240px-Official_portrait_of_Barack_Obama.jpg" target="_blank"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e9/Official_portrait_of_Barack_Obama.jpg/240px-Official_portrait_of_Barack_Obama.jpg" width="500" height="375" name="mainphoto"></a>
<table width="500" border="1">
<tr>
<td colspan="2" class="Stil4"><div align="center">Klicken f&uuml;r <span class="Stil3">XXL</span>-Ansicht!</div></td>
</tr>
<tr>
<td><div align="center"><a onMouseOver="mainphoto.src='http://upload.wikimedia.org/wikipedia/commons/thumb/e/e9/Official_portrait_of_Barack_Obama.jpg/240px-Official_portrait_of_Barack_Obama.jpg';" onMouseOut="mainphoto.src='http://upload.wikimedia.org/wikipedia/commons/thumb/e/e9/Official_portrait_of_Barack_Obama.jpg/240px-Official_portrait_of_Barack_Obama.jpg';"> <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e9/Official_portrait_of_Barack_Obama.jpg/240px-Official_portrait_of_Barack_Obama.jpg" width="120" height="90"/></a> </div></td>
<td><div align="center"><a onMouseOver="mainphoto.src='http://obeygiant.com/images/2008/10/obama.jpg';" onMouseOut="mainphoto.src='http://obeygiant.com/images/2008/10/obama.jpg';"> <img src="http://obeygiant.com/images/2008/10/obama.jpg" width="120" height="90" border="0"/></a> </div></td>
</tr>
</table></td>
</tr>
<tr bgcolor="F7F7F7">
</tr>
</table>





Folgendes Problem:
Ich gehe mit der Maus auf das zweite untere Bild. Es erscheint in einer größeren Ansicht oben. Aber wenn ich jetzt drauf klicke und das Bild sich in einem neuen Tab öffnet, sieht man das erste Bild in XXL-Größe obwohl das zweite Bild in XXL-Größe erscheinen soll.

 

[threadi]

Du müsstest dem Link ein neues Ziel (das eigentlich anzuzeigende Bild) geben.

<a  href="" onmouseover="mainphoto.src='http://obeygiant.com/images/2008/10/obama.jpg';this.href='http://obeygiant.com/images/2008/10/obama.jpg';"   onmouseout="mainphoto.src='http://obeygiant.com/images/2008/10/obama.jpg';this.href='http://obeygiant.com/images/2008/10/obama.jpg';"><img src="http://obeygiant.com/images/2008/10/obama.jpg" width="120"  height="90" border="0"/></a>

Und bitte verwende künftige Code-Tags wenn Du Quellcode im Forum zeigen willst.

 

[yolcu38]

vielen dank. ich glaube aber, dass ich das Problem nicht präzise genug beschrieben habe.

Ich gehe mit der Maus auf das zweite untere Bild. Es erscheint in einer größeren Ansicht oben. Wenn ich jetzt auf die größere Ansicht klicke und das Bild sich in einem neuen Tab öffnet, sieht man das erste Bild in XXL-Größe obwohl das zweite Bild in XXL-Größe erscheinen soll.

Vielen Dank im Voraus!

 

[threadi]

Die Antwort darauf ist fast die selbe. Du musst das href des Links, welches das große Bild oben umgibt ändern. Also ergänze bei

<a  href="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e9/Official_portrait_of_Barack_Obama.jpg/240px-Official_portrait_of_Barack_Obama.jpg"  target="_blank">

ein Attribut um den Link eineindeutig zu kennzeichnen, z.B. die ID "linkbigpic"

<a  href="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e9/Official_portrait_of_Barack_Obama.jpg/240px-Official_portrait_of_Barack_Obama.jpg"  target="_blank" id="linkbigpic">

und ändere meinen Vorschlag oben so ab, dass das href von der ID linkbigpic statt von dem aktuellen Objekt geändert wird. Also:

<a  href="" onmouseover="mainphoto.src='http://obeygiant.com/images/2008/10/obama.jpg';document.getElementById('linkbigpic').href='http://obeygiant.com/images/2008/10/obama.jpg';"   onmouseout="mainphoto.src='http://obeygiant.com/images/2008/10/obama.jpg';document.getElementById('linkbigpic').href='http://obeygiant.com/images/2008/10/obama.jpg';"><img src="http://obeygiant.com/images/2008/10/obama.jpg" width="120"  height="90" border="0"/></a>

Nochmal:
Beide meiner Antworten zielen darauf ab, dass Du das href von Links änderst. Diese Links können per JavaScript als Objekte angesprochen werden.