Como no seguinte site:
O modelo que preciso
Peguei o seguinte artigo neste site:
galeria.html
<html>
<head>
<script language="JavaScript" src="global.js" type="text/javascript"></script>
<title>Galeria de Fotos - por Fernando Martins de Toledo</title>
</head>
<body>
<table border="0" width="100%">
<tr>
<td width="50%">
<img src="" id="foto" width="250" height="300">
</td>
<td width="50%">
<div align="center">
<img src="262.gif" onclick="grande('262.gif');" width="25" height="25">
<img src="153.gif" onclick="grande('153.gif');" width="25" height="25">
<img src="3p.gif" onclick="grande('3g.gif');" width="25" height="25">
<img src="4p.gif" onclick="grande('4g.gif');" width="25" height="25">
<img src="5p.gif" onclick="grande('5g.gif');" width="25" height="25">
<img src="6p.gif" onclick="grande('6g.gif');" width="25" height="25"><br>
<img src="7p.gif" onclick="grande('7g.gif');" width="25" height="25">
<img src="8p.gif" onclick="grande('8g.gif');" width="25" height="25">
<img src="9p.gif" onclick="grande('9g.gif');" width="25" height="25">
<img src="10p.gif" onclick="grande('10g.gif');" width="25" height="25">
<img src="11p.gif" onclick="grande('11g.gif');" width="25" height="25">
<img src="12p.gif" onclick="grande('12g.gif');" width="25" height="25"></div>
</td>
</tr>
</table>
</body>
</html>global.js
<!--
function grande(figura) {
document.getElementById("foto").src=figura;
}
//-->SÓ QUE AS IMAGENS NÃO APARECEM E NÃO TEM A BARRINHA DE ROLAGEM. AS IMAGENS ESTÃO LOCALIZADAS NA MESMA PASTA DO GALERIA.HTML
ALGUÉM PODE ME AJUDAR?
