Bild als Link IE-Probleme

[schlagi123]

Hallo Liebe Forumsmitglieder,

mein Problem ist folgendes:
Ich baue gerad eine Homepage die mittels jquery (ajax) dynamisch Seiten nachläd.
Auf einer Seite kommt folgendes Konstrukt vor:

<a href="img_big.jpg" target="_blank">
  <img src="img_small.jpg" alt="" />
</a>

In allen Brosern funktioniert es auch wunderbar, außer im IE. Wenn ich mit der Maus über das Bild halte wird auch "img_big.jpg" als Link angezeigt, jedoch wird beim Anklicken "img_small.jpg" geöffnet.

Ich weiß nicht weiter, ich hoffe ihr könnt mir helfen.

PS: Es ist mein erster Beitrag, ich hoffe ich habe halbwegs das richtige Forum gefunden

 

[Tronjer]

Interessant, hatte ich noch nicht, aber warum verlinkst du auch auf ein .jpg? Ich würde den Link versuchsweise mal abschalten und eine Weiterleitung per JavaScript versuchen.

ungetestet und nur zur Veranschaulichung:

$('a').on('click', function(e) {
    e.prevent.Default();
    window.open('img_big.jpg', '_blanc');
})

Oder eben bei Click das src-Attribut austauschen.

 

[schlagi123]

Sowas ähnliches habe ich schon probiert, dabei habe ich es ähnlich probiert; dabei habe ich gesehen, dass e.target.href gleich dem sourcewert des Bildes ist.

 

[Tronjer]

Wenn du es auf die oben geschilderte Art machst, brauchst du eigentlich gar keinen Link.

 

[schlagi123]

Ich habe das Problem gefunden.
Code vorher:

if(!e.target.target && !e.target.href.startsWith('mailto:')){
  //LOAD PAGE
}

In allen Browsern außer im IE fliegt ein Fehler, weil e.target.href auf einem img-Tag nicht definiert ist. Im IE ist er definiert und deswegen kommt es zu abweichungen, der e.target.href ist identisch mit e.target.src. Nun habe ich die Prüfung abgeänder:

Code nachher:

if(e.target.localName.toLowerCase() == 'a' && !e.target.target && !e.target.href.startsWith('mailto:')){
  //LOAD PAGE
}

Danke für deine Hilfe Tronjer.