[SOLUCIONADO] Zoomi de jquery ¿como usarlo?

[uchi_pon]

Hola, me eh encontrado un efecto de zoom perfecto para mi proyecto, pero no se como usarlo, en la pagina que me encontre le falta una instrucción, la dejo en seguida aver si alguien me pudiera explicar como funciona :

http://xyberneticos.com/index.php/20...tras-imagenes/

Mis principales dudas es si los archivos que pone para descargar lo que debo hacer es copiarlos y pegarlos en un block de notas cada uno con su respectivo nombre con terminacion .js quedando asi: jquery.js y zoomi.js o debo ponerles otro nombre u otra extencion, y luego en la pagina en la que lo usare donde debo poner el code que permite hacer que aquellos archivos actuen sobre el documento donde pongo las imagenes y ¿cual es el code que debo tipear?
gracias por su ayuda, tambien si tienen otra forma de lograr un efecto como este, partiendo de una sola imagen me serviria mucho.

[memoadian]

descarga el script zoomi.js con la extensión tal como es. Nunca se cambia la extensión de un archivo a menos que sepas lo que haces. Luego descargas Jquery haces lo mismo.

Los insertas en tu página html, como cualquier script de javascript

<script src="nombre_de_mi_archivo.js"></script>

al final insertas la imagen con la clase zoomi

<img class="zoomi" src="image1.jpg" alt="image2.jpg">

donde image.jpg es el thumbnail, y image2.jpg es la que se verá al hacer hover.

Fácil.

[uchi_pon]

ya lo eh echo mas o menos asi, aunque yo no cuento con 2 imagenes una de thumb y otra grande sino una sola que con whidth la escalo solo para que se muestre como un thumb y con este script pretendo que al pasar el mouse sobre la imagen esta se muestre en su verdadero tamaño pero repito no tengo 2 imagenes solo una.

no eh logrado hacer que funcione no se por que.