Probleempje met Explorer 9

[Jan005]

Hoi iedreen ik ben hier weer met één probleempje:

Als ik de volgende link wil bekijken in Windows Internet Explorer 9 zie ik niets enkel een streep in plaats van een kaart, maar in Mozilla firefox lukt dit wel en zie ik wel de kaarten. Hoe zou dit komen en wat is de oplossing?
http://rallykaarten.weebly.com/15e-haspengouw.html

PS: hier is de code (ik heb dit een beetje aangepast maar)

<SCRIPT language=JavaScript type=text/javascript>
<!-- Begin
var foto1 = new Image();
var foto2 = new Image();
var foto3 = new Image();
var foto4 = new Image();
foto1.src = "https://lh6.googleusercontent.com/-a-A7hfznSNY/TzppfhZdCpI/AAAAAAAAABs/n3OpxvBufBM/s785/KP1.jpg"; 
foto2.src = "https://lh3.googleusercontent.com/-aYNfdY0-Nnk/TzppgUfDj7I/AAAAAAAAAB0/m5PWgQ7lOS0/s487/KP2.jpg";
foto3.src = "https://lh5.googleusercontent.com/-C1zGfV94Jas/TzpphZVJtbI/AAAAAAAAAB8/da6UsrSKHp8/s727/KP3.jpg";
foto4.src = "https://lh3.googleusercontent.com/-TIbWTJ4JcrM/Tzpph24dYtI/AAAAAAAAACE/tUcf2Zp2Wnk/s736/KP4.jpg"; 



function Voorbeeld(newfoto)
{
eval("document['picture'].src = " + newfoto + ".src");
}

//  End -->
</SCRIPT>
<SCRIPT language=JavaScript><!--//ebene2back();self.focus();//--></SCRIPT>

<p align="center">
<a onmouseover="Voorbeeld('foto1')" href="#">KP01: Walshoutem 9.73 Km</a><BR>
<a onmouseover="Voorbeeld('foto2')" href="#">KP02: Halle-Booienhoven 14.75 Km</a><BR>
<a onmouseover="Voorbeeld('foto3')" href="#">KP03: Zepperen 9.13 Km</a><BR>
<a onmouseover="Voorbeeld('foto4')" href="#">KP04: Gelmen 11.37 Km</a>
<p align="center"><IMG height="#" src="1.jpg" width="800" border=1 name=picture></p>

Dit in het rood is het probleem (denk ik) !

de bedoeling is dat de kaarten er toch op komen, maar dit kaarten hebben nooit één vaste afmeting!

[freyk]

Het vervelende met javascript is dat iedere browser er anders mee werkt.
Dus je moet je script multibrowser schrijven of op zoek gaan naar een script dat dit ondersteund.
In de laatste regel zit geen fout.

Wel zou je als alternatief met iframes kunnen werken.

<!-- een iframe genaamd "mijnforoframe" met een lege pagina als startpagina -->
<IFRAME SRC="about:blank" name="mijnfotoframe" WIDTH="285" HEIGHT="100"> </IFRAME>

<!-- een link dat een afbeelding in de iframe laad -->
<a href="https://lh6.googleusercontent.com/-a-A7hfznSNY/TzppfhZdCpI/AAAAAAAAABs/n3OpxvBufBM/s785/KP1.jpg" target="mijnfotoframe">foto1</a>

Of kijk eens op de site van dynamic drive. Hier wordt netjes aangegeven welke browsers wat ondersteunen.

[Croque]

Of gebruik gewoon altijd firefox?

Croque schreef:

Of gebruik gewoon altijd firefox?

Ja het is inderdaad heel verstandig om als webdesigner het grootste enkele gedeelte van je potentiële bezoekers uit te sluiten.

[Jan005]

Ok bedankt om de reacties, maar ik heb het zelf gevonden via de goede opmerking en/of de leuke link van freyk. Nog maal van hartebedankt.

Maar de oplossing was gemakelijk maar ja als je niet slim bent hé

maar in plaats van :
<p align="center"><IMG height="#" src="1.jpg" width="800" border=1 name=picture></p>

moet het 100% zijn en dan lukt het wel in E9

als je wilt kunnen jullie het ook nog eens uitproberen. Alvast bedankt en de groetjes

http://rallykaarten.weebly.com/2012.html

[Croque]

deadlock schreef:

Ja het is inderdaad heel verstandig om als webdesigner het grootste enkele gedeelte van je potentiële bezoekers uit te sluiten.

Oh sorry ik heb een beetje te snel gereageerd toen ik internet explorer zag staan

Ja inderdaad. Internet Explorer 8 & 9 zijn namelijk zeer goede browsers.