Pedir presupuesto

Animated Responsive Image Grid – Plugin jQuery para crear galerías de imágenes con efectos de transición

Animated Responsive Image Grid es un plugin jQuery para crear una galería de imágenes responsive con distinto efectos y segundos de transición a la hora de presentarse en nuestro sitio web.

Galería de imágenes con efectos jQuery

Puedes configurarlo de distintas maneras para adaptarlo a tu sitio web como:

  • El número de filas y columnas.
  • Tipo de animación
  • Retardo entre transiciones
  • Definir tamaño para los distintas resoluciones de los dispositivos con los que se accede al sitio

Una opción bastante interesante de este plugin es que puedes configurarlo para se muestre una galería de imágenes en el fondo de una pàgina web que además seguirá teniendo el mismo efecto de transición.

Por defecto tienes 3 formas distintas de presentarlos:

¿Cómo usar Animated Responsive Image Grid?

Como suele pasar con este tipo de plugins jquery, la implementación es bastante sencilla.

La parte HTML sería algo de este estilo:

[html]

  • Whatever works
  • Anything else

[/html]

Y la llamada a la función tan sólo habría que hacerla de la siguiente manera:

[javascript]
$(function() {

$( ‘#ri-grid’ ).gridrotator();

});
[/javascript]

Es importante no olvidarse de incluir las siguientes librerías que usa este plugin:

  • jQuery Transit: Para la mayoría de transiciones.
  • Modernizr: Para comprobar el soporte a los distintos navegadores.

Seguro que le vais a dar utilidad a este plugin porque verdaderamente es bastante atractiva para los que desarrollamos sitios web.

¿Te ha gustado?, Comparte!!

Compartir en facebook
Compartir en twitter
Compartir en linkedin
Compartir en whatsapp
Compartir en email

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

¡Pide tu presupuesto!

Completa los campos para poder enviarte un presupuesto

Todos y tu presupuesto son a medida y totalmente personalizados, entendemos que dos proyectos online no pueden ser iguales y que cada cliente tiene unos objetivos y necesidades muy diferentes, es por eso que para elaborar un presupuesto, necesitamos saber de ti, tu proyecto y objetivos.

Los campos marcados con (*) son obligatorios.

La comunicación enviada quedará incorporada a un fichero del que es responsable COLORDEU. Esta comunicación se utilizará exclusivamente para tratar sus datos para atender su solicitud, siempre de acuerdo al Reglamento (UE) 2016/679 (RGPD), la Ley Orgánica 15/1999 (LOPD) y el Real Decreto 1720/2007 de desarrollo de la LOPD), sobre protección de datos. Sus datos no se comunicarán a terceros, excepto por obligación legal, y se mantendrán mientras no solicite su cancelación. En cualquier momento usted puede ejercer los derechos de acceso, rectificación, portabilidad y oposición, o si procede, a la limitación y/o cancelación del tratamiento, comunicándolo por escrito, indicando sus datos personales mediante un email a hola@colordeu.es