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?
- Miguceamma likes this