Werk in Explorer en niet met Firefox

[michelscot]

Kan iemand mijn helpen, alles werkt normaal ook in Safari en Opera maar niet in Firefox
Dit is de code die ik gebruik in mijn head

<script language="javascript">
<!--
function foto(nr) {
document.images['imgGroot'].src="fotos/foto"+nr+".jpg";
}
-->
</script>

deze code plaats ik in de body

<div id="fotoGroot">
<div align="center"> <img src="fotos/foto01.jpg" name="imgGroot" width="400" height="290"/></div>
</div>
<div id="fotoKlein">

<p><img src="fotos/foto01.jpg" onclick="foto('01');return false" />
<img src="fotos/foto02.jpg" onclick="foto('02');return false" />
<img src="fotos/foto03.jpg" onclick="foto('03');return false" />
<img src="fotos/foto04.jpg" onclick="foto('04');return false" />
<img src="fotos/foto05.jpg" onclick="foto('05');return false" />
<img src="fotos/foto06.jpg" onclick="foto('06');return false" />
<img src="fotos/foto07.jpg" onclick="foto('07');return false" />
<img src="fotos/foto08.jpg" onclick="foto('08');return false" /> <p>

<p><img src="fotos/foto09.jpg" onclick="foto('09');return false" />
<img src="fotos/foto10.jpg" onclick="foto('10');return false" />
<img src="fotos/foto11.jpg" onclick="foto('11');return false" />
<img src="fotos/foto12.jpg" onclick="foto('12');return false" />
<img src="fotos/foto13.jpg" onclick="foto('13');return false" />
<img src="fotos/foto14.jpg" onclick="foto('14');return false" />
<img src="fotos/foto15.jpg" onclick="foto('15');return false" />
<img src="fotos/foto16.jpg" onclick="foto('16');return false" /> <p>

<p><img src="fotos/foto17.jpg" onclick="foto('17');return false" />
<img src="fotos/foto18.jpg" onclick="foto('18');return false" />
<img src="fotos/foto19.jpg" onclick="foto('19');return false" />
<img src="fotos/foto20.jpg" onclick="foto('20');return false" />
<img src="fotos/foto21.jpg" onclick="foto('21');return false" />
<img src="fotos/foto22.jpg" onclick="foto('22');return false" />
<img src="fotos/foto23.jpg" onclick="foto('23');return false" />
<img src="fotos/foto24.jpg" onclick="foto('24');return false" /> <p>

</div>


CSS

#fotoGroot{
width: 100%;
}
#fotoKlein{
width:100%;
margin-top: 12px;
}
#fotoKlein img{
cursor: pointer;
border: 1px solid #66cc00;
width: 10%;
height: 10%;
padding: 2px;
margin: 6px;
}

Dit is de link naar mijn pagina

http://www.michelscot.be/varia/fotosFlight.html

groetjes michelscot

 

[Glest]

document.images is een Microsoft verzinsel. Niet gebruiken dus, het is niet nodig, het werkt alleen in IE.

Geef je plaatje een id en gebruik in plaats van dit:

document.images['imgGroot'].src = ....;

dit:

document.getElementById['img_id'] = ....;

 

[michelscot]

werkt nog steeds niet in Firefox

Bedankt voor je reactie maar alles blijft zoals te voren

groetjes michelscot

 

[Glest]

Klein foutje, document.images is wel ondersteund in Firefox (en geen verzinsel van Microsoft). Maar alsnog, getElementById is netter. Je voorbeeld pagina werkt overigens gewoon bij mij (Firefox 3).

 

[JP Romijn]

Lijkt bij mij ook gewoon te werken.

 

[michelscot]

werkt in IP en niet in Firefox

Probleem opgelost lag aan mijn instelling van Firefox
Disable JavaScript All javascript was aangevinkt

groetjes michelscot :thumb: