0
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:
He aquí un ejemplo:
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:
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.<img class="zoomi" src="bamboo1.jpg" alt="bamboo.jpg">
He aquí un ejemplo:
CSS:
Web Oficial Zoomi
<img class="zoomi" src="image.jpg" width="180">
0Comentarios!