michelscot
Gebruiker
- Lid geworden
- 8 jan 2009
- Berichten
- 145
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
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
