ayuda con efecto de imagenes

[darla33]

sigo mal
no tengo idea de codigos script y quiero haer un efecto que cuando pase por la miniatura se agrande, tengo que cargar muchas fotos asi que espero me dgan si esta es una buena opcion, no se como hace otra cosa+
las imagenes las guardo en una carpeta que dice IMAGE , las fotos tienen tamaños diferentes. Una de las imagenes se llama r101-1.
copio el codigo que me pasaron no se donde tengo que pegarlo(si lo hago en el Boody o en otro lado) ni como modificarlos. neecito ayuda por favor, gracias.
<a href="#"><img scr="..." /></a>
a {
display: block;
height: 50px;
width: 50px;
padding: 50px;
}
img {
display: block;
width: 100%;
}
a:hover {
padding: 0;
}

[undess]

Saludos, espero que esto te sirva.

Esto se pondria en el css externo o en el head con las etiquetas style en la etiqueta a donde pone 25px tendrás que poner la medida en grande de tu imagen y esta se reducirá al 50% hasta que te pongas encima que crecerá al 100%:

Código:

<style type="text/css">
a 		{ display: block; height: 25px; width: 25px; text-align:center; line-height: 25px; }
img		{ width: 50%; }
img:hover { width:100%; }

</style>

y la imagen como la tienes:

Código:

<a href="#"><img src="..." /></a>

Ya contaras si te funciona, saludos.