MagicWall es un complemento de jQuery para crear una cuadrícula de imágenes que recorre un conjunto de imágenes utilizando animaciones atractivas en un intervalo de tiempo específico. Puede usar este complemento para crear un elemento decorativo de su sitio web, mostrar su trabajo o simplemente usarlo como un bonito fondo animado. El complemento MagicWall convierte una lista de imágenes en una cuadrícula con un número definido de filas y columnas. Las imágenes restantes aparecerán con diferentes animaciones y retrasos. También puede configurar el complemento para definir cómo se debe distribuir la cuadrícula para diferentes anchos de pantalla.
Actualizaciones
TENGA EN CUENTA
La actualización (v 2.0.0) no es compatible con versiones anteriores, es posible que deba modificar su configuración actual (lea a continuación).
- Actualización ver 2.0.4 (28/10/2014)
Se corrigió un error menor en el método API ‘switchItem’.
- Actualización ver 2.0.3 (07/10/2014)
Se corrigió un error menor en el complemento de animación.
- Actualización ver 2.0.1 (19/08/2014)
Se corrigió un error menor en el complemento de animación.
- Actualización ver 2.0.0 (22/06/2014)
Se corrigieron algunos errores.
Se agregó soporte para una fuente ajax.
Añadida integración de redes sociales. (Flickr, 500px e Instagram)
Comportamiento modificado de puntos de interrupción opción. La opción aún se configura de la misma manera, pero ahora puede proporcionar un conjunto completo de opciones para cada punto de interrupción en lugar de solo contarX y condado.
Se agregó la capacidad de seleccionar si las imágenes deben cargarse desde el caché (si está disponible) o no.
Se agregó una nueva opción autoUpdateOnResize para actualizar automáticamente la cuadrícula al cambiar el tamaño de la ventana.
Se agregaron dos nuevos métodos para agregar/eliminar elementos a/de la cuadrícula.
Se agregaron más opciones, a saber:
- Servicio
- jsonUrl
- clave de aplicación
- ID de usuario
- ID del conjunto de fotos
- recuento de fotos
- tamaño de la foto
- modo de carga
- en pausa
- usarcaché
- precarga antes del cambio
- autoUpdateOnResize
Se cambiaron los nombres de algunas opciones, a saber:
- contarX es ahora columnasCuenta
- condado es ahora número de filas
- minCountX es ahora minColumnsCount
- minCountY es ahora minRowsCount
- maxCountX es ahora maxColumnsCount
- maxCountY es ahora maxRowsCount
- onHoverExcluir es ahora pausa al pasar el mouse
- animaciones Excluidas es ahora Animaciones excluidas
- dimensionamiento es ahora tamaño del pulgar
Se cambiaron los valores predeterminados de algunas opciones, a saber:
- animaciones es ahora *
- animaciones Excluidas es ahora ””
- demora es ahora 1000
- duración es ahora 600
- Todas las flexibilizaciones son ahora falso por defecto y recurren a facilitando que es ahora facilidadInOutCubic
Características
- Cuadrícula receptiva
- Integración de redes sociales
- hardware acelerado
- Diseño de ancho completo
- Diseño de pantalla completa
- Altamente personalizable
- 22 animaciones
- Sass archivos incluidos
- Tamaño de archivo pequeño
Lista de opciones
- animaciones
- Animaciones excluidas
- demora
- maxItemWidth
- maxItemHeight
- puntos de interrupción
- columnasCuenta
- número de filas
- minColumnsCount
- minRowsCount
- maxColumnsCount
- maxRowsCount
- pausa al pasar el mouse
- tamaño del pulgar
- clase fija
- perspectiva
- duración
- facilitando
- rollInXDuration
- rodarInXEasing
- rollInYDuration
- rollInYEasing
- rollOutXDuration
- rollOutXEasing
- rollOutYDuration
- rollOutYEasing
- voltearXDuración
- FlipXEasing
- voltearYDuración
- FlipYEasing
- slideXDuration
- deslizarXEasing
- slideYDuration
- deslizarYEasing
- slideRowDuration
- deslizamientoRowEasing
- slideColumnDuration
- slideColumnEasing
- fadeDuration
- desvanecimiento




