Bien, eso no es difícil, y hay varias formas de hacerlas, te daré la idea de una forma sencilla. Debes de tener dos imagenes, el thumb y la imagen grande, ambas podrían estar en dos carpetas distintas y tener el mismo nombre. OK, ahora en el thumb debe ir este codigo
<img src="rutaabsolutadethumb" onmouseover="showImagen(this.src)" />
La función JavaScript sería la siguiente:
Código:
function showImagen(src) {
var img = document.getElementById('mainImg');
img.src = src.replace(/thumbs/, 'images');
}
Donde "thumbs" es el nombre de la carpeta donde se encuentran los thumbs e "images" el nombre de la carpeta donde están las imágenes grandes.
Esa es la idea básica, espero que te sirva.