Zoomi – Javascript para añadir efecto zoom a nuestras imágenes

0
zoomi.jpg
Zoomi es un ligero Javascript que posee la capacidad de permitirnos añadir a nuestras imágenes un efecto zoom muy bonito. Su utilización es realmente sencilla. Para utilizarla deberemos descargar por supuesto zoomi.js pero también necesitaremos de jQuery.Ver Demo

Descargamos los script: zoomi.js y jQuery.js e incluir el siguiente código en nuestro < head>
Ahora a cualquier < img > deberemos darle la clase = "zoomi" para que automáticamente se convierta en una imagen con efecto zoomi.
Zoomi utiliza el atributo alt="url" para proporcionar la dirección de la segunda imagen que nos permitirá realizar el zoom. Lo que significa que la primer imagen será nuestra miniatura y la segunda una imagen en tamaño mayor.
He aquí un ejemplo:
CSS:
<img class="zoomi" src="bamboo1.jpg" alt="bamboo.jpg">
Aunque Zoomi también nos permite realizar el efecto utilizando una única imagen. Esto permite ahorrar ancho de banda, y hace fácil la creación de miniaturas.
He aquí un ejemplo:
CSS:
<img class="zoomi" src="image.jpg" width="180">
Web Oficial Zoomi