Onclick en thumbnail cambie foto grande

cesar16 · #1 (**permalink**) 16/02/2006, 04:31

Hola, para empezar decir que se muy poquito de javascript.

Tengo una pagina con varios "thumbnails" y una imagen en grande.
Lo que quiero es que al pinchar cada thumbnail se cambien la foto en grande.

He estado buscando por ahi la función o script, pero no la he encontrado.

Gracias de ante mano.

cesar16 · #2 (**permalink**) 16/02/2006, 05:52

Hola de nuevo, he encontrado esto pero faltaría decirle que la imagen que carga no fuera de la carpeta "thumbs" sino de la carpeta "fotos".

¿Alguien sabe arreglarlo?

Código HTML:

<html>
<head>
<style>
body {
background-color:#000000;
color:#E27907;
font-family:Verdana,Arial;
font-size:10pt;
letter-spacing:2;
}
.thumbNormal {
border:4px solid #000000;
}
.thumbSelected {
border:4px solid #ff0000;
}
</style>
<script language=javascript>
var lastID = 0;
function SelectImg(id) {
if (lastID > 0) {
document.getElementById(lastID).className = "thumbNormal";
}
document.getElementById(id).className = "thumbSelected";
document.getElementById(0).src = document.getElementById(id).src;
lastID = id;
}
function Loadfoto1() {
SelectImg(1);
}
window.onload = Loadfoto1;
</script>
</head>
<body>
<table border=0>
<tr>
<td valign=top>
<img id=1 class="thumbNormal" src="thumbs/113-53-1.jpg" width=120 onclick="SelectImg(1)">
<br>
<img id=2 class="thumbNormal" src="thumbs/113-53-2.jpg" width=120 onclick="SelectImg(2)">
<br>
<img id=3 class="thumbNormal" src="thumbs/113-53-3.jpg" width=120 onclick="SelectImg(3)">
</td>
<td width=15> </td>
<td valign=top>
<img id=0 src="">
</td>
</tr>
</table>
</body>
</html>