Descargar: Portafolio de Media Boxes - jQuery Grid Gallery Plugin

MAS INFO / DESCARGAR

El portafolio de Media Boxes es un Complemento de cuadrícula jQuery destacado que te permite mostrar todo tipo de contenido en una grilla muy poderosa. Úselo para publicaciones de blog, medios de visualización, clientes, carteras, carritos de compras, galerías y todo lo que pueda imaginar.

¡Viene con un potente sistema de filtrado, clasificación y búsqueda!

Puede colocar el complemento en su HTML/CSS existente y se adaptará automáticamente a su contenedor, también puede personalizarlo rápidamente a través de CSS y HTML para que se adapte a sus necesidades.

El complemento le brinda toneladas de opciones para filtrar:

Defina su propio marcado HTML para el filtro
Aplica tu propio estilo CSS al filtro.
Agregue cualquier número de filtros
Apunte a varias cajas
Apunte a algunas casillas y excluya otras
Agregue múltiples categorías a las cajas (pertenezcan a varias categorías)
Usa cualquier selector de jQuery
Múltiples filtros, combinados con la función de búsqueda y clasificación

El complemento le brinda la opción de buscar en el diseño actual para que pueda encontrar elementos muy rápidamente, solo especifique a qué elementos desea apuntar con la búsqueda.

Si tiene un filtro, funcionará junto con la función de búsqueda, la ventana emergente y la función de cargar más también tendrán en cuenta este filtrado.

Ordene el diseño en tiempo real, puede usar texto, números e incluso ampliarlo según sus propios deseos. Haz tus propias opciones de clasificación, no hay límite.

Puede especificar para cada miniatura que para ciertas ancho quieres seguro altura y el complemento reducirá la altura por usted (dependiendo de la resolución, esto funciona como la proporción). Esto es muy útil cuando desea que todas sus miniaturas tengan las mismas dimensiones.

Si especifica la proporción de las miniaturas (ancho x alto), el complemento le mostrará el diseño y el contenido sin demora, luego cargará cada miniatura por separado (mostrando una rueda de carga) para que parezca que el complemento se carga más rápido ( como en la demostración).

El complemento utiliza Isotope v2, que actualmente es uno de los sistemas de cuadrícula con filtrado más rápidos que existen. También utiliza las mejores funciones del navegador cuando están disponibles (transiciones CSS3 y aceleración de GPU) y una alternativa de animación simple para navegadores más antiguos.

Puede definir el diseño de la cuadrícula (el número de columnas o el ancho) para diferentes resoluciones, por ejemplo, tal vez desee solo una columna para una resolución móvil, 3 columnas para una resolución de tableta y 5 columnas para una resolución de escritorio.

Un cuadro puede extenderse a través de varias columnas (generalmente 2), solo necesita especificarlo, pero juega con cuidado con esta opción ya que en algunas resoluciones puedes encontrar huecos entre casillas porque puede que no encaje perfectamente todo el tiempo (según la lógica de Isotope).

El complemento utiliza Fancybox y Magnific Popup, que son cajas de luz/ventanas emergentes muy populares y potentes.

Puede cargar muchas cosas en la ventana emergente, como imágenes, videos, sonidos, iframes, texto HTML, mapas de Google y contenido ajax (no es compatible con video/sonido). archivos como .mp4 o .mp3, deben estar basados en iframe, como en Youtube o SoundCloud)

Puede encontrar mucho soporte en Google, ya que es una ventana emergente muy popular, por ejemplo, para agregar soporte para deslizar o muchas otras características.

Vincule directamente a la ventana emergente para que pueda compartir el contenido de la ventana emergente con sus amigos o en su red social, solo copie y pegue la URL generada cuando abra la ventana emergente.

Cuadrícula y ventana emergente totalmente sensibles
Enlace profundo
Característica de carga diferida
Una de las parrillas más rápidas que existen.
Configurar el diseño para diferentes resoluciones
Múltiples columnas
Número ilimitado de artículos
La ventana emergente admite imágenes, videos, sonidos, iframes, texto HTML, mapas de Google y contenido ajax de cualquier dimensión y mantendrá las proporciones correctas.
Potente sistema de filtrado
Sistema de búsqueda
Función de clasificación
Iconos preparados para retina
Establezca la cantidad de cajas para cargar al inicio y cuando haga clic en el botón «cargar más»
Admite miniaturas para la cuadrícula solo para las imágenes que desea mejorar el rendimiento
Define la proporción de tus miniaturas
Corta automáticamente la altura de las miniaturas con técnicas CSS (si se define la relación)
Ancho completo, la cuadrícula se adaptará al 100% de su contenedor si configura el ancho de cada columna en ‘auto’
Puede especificar un ancho estático para cada columna o especificar el número de columnas
Cambiar el diseño de la cartera para diferentes resoluciones
Efectos CSS3 y aceleración GPU
Toneladas de efectos de superposición
Fácil implementación
Compatible con Twitter Bootstrap
Desactivar y activar funciones a través de las opciones de Javascript
Totalmente personalizable y adaptable a tus necesidades
Soporte técnico gratuito

He usado los siguientes íconos y scripts

fuente impresionante
Isotope v2 (licencia de desarrollador de $25)
Ventana emergente magnífica
Otros scripts JS que puedes encontrar en la carpeta JS

v3.7.4 – 17 de marzo de 2021

Actualizado los componentes
Se solucionó el problema al usar OR combinado con el campo de búsqueda
Se corrigieron errores menores
Ahora el complemento se envía con la última versión de jQuery

v3.6 – 01 de febrero de 2020

Actualicé el archivo JS, limpié el código
Solucione un error extraño con el primer elemento cuando se seleccionó un filtro predeterminado que no sea todo
Ya no se necesitan waypoints, ahora debe incluir un archivo JS llamado «jquery.visible.min.js»

v3.5 – 26 de marzo de 2019

Ahora las miniaturas que tienen una proporción especificada se adaptarán al 100 % del contenedor, por lo que ya no habrá barras negras en la parte superior e inferior.
Actualizado todos los componentes a la última versión
Mejoras menores de JS

v3.3 – 10 de agosto de 2017

Nueva ventana emergente/caja de luz como llegó a Media Boxes, que es muy táctil y viene con características increíbles (como vista en miniatura, pantalla completa, etc.), aún puede usar Magnific Popup, por lo que ahora tiene 2 complementos emergentes, elija uno ¡prefieres!
Nuevas herramientas de búsqueda de clasificación
Actualizado algunos componentes
Mejoras menores de JS

v3.2 – 10 de marzo de 2017

Se agregó algo de aceleración a los efectos y se corrigieron algunos parpadeos.
Nuevos métodos JS para insertar y actualizar la grilla, échales un vistazo aquí
La lógica JS para el filtro desplegable ahora está en un archivo diferente llamado «jquery.mediaBoxes.dropdown.js», por lo que es más fácil de mantener, solo tendrá que agregarlo junto con los otros archivos, compruébelo aquí.

v3.1 – 3 de noviembre de 2016

Corrección y problema con la ventana emergente al agregar cuadros a través de JS/Ajax

v3.1 – 29 de octubre de 2016

Solucionado y problema con la función iframe-on-grid en el ejemplo de media_grid

v3.1 – 30 de septiembre de 2016

Si desea que el menú desplegable (el que se usa para filtrar o clasificar) se abra cuando hace clic en él en lugar de cuando coloca el mouse sobre él, debe agregar este atributo: data-event = «clic» al div con la clase de «cajas de medios-desplegables»
Ahora también puede usar la lógica OR cuando usa múltiples filtros, puede configurar esto con una nueva opción JS llamada «multipleFilterLogic» (consulte los documentos)

Cuando use varios filtros, si desea que sean independientes entre sí, agregue esta paz de JS ANTES DE la inicialización JS de las cajas de medios y DESPUÉS jQuery:

$('*[data-filter]:not(*[data-filter="*"]').on('click', function(e){
    var current_all_filter = $(this).parents('ul').find('*[data-filter="*"]');
    $('*[data-filter="*"]').not(current_all_filter).trigger('click');
});

v3.0 – 04 de agosto de 2016

Nuevo diseño en la vista previa en vivo
Actualice a las últimas versiones de isotope, imagesLoaded, magnific popup y todos los componentes utilizados
Ahora es compatible con jQuery v3
SEO en las miniaturas, solo busque la sección «Agregar SEO» en la documentación
Cambió la ruta a los componentes utilizados en el complemento, por lo que es más fácil de actualizar, consulte la sección «Incluir archivos» en los documentos
La opción «showOnlyLoadedBoxesInPopup» cambió a «showOnlyVisibleBoxesInPopup»
Cambió la forma en que se especifican las imágenes emergentes para que pueda tener tantas como desee en un solo cuadro, verifique la sección «Ventana emergente» en los documentos
La clase de video en cuadrícula cambió su ubicación junto con los atributos emergentes, así que simplemente revise la sección «Cosas útiles» en los documentos
La configuración de JS «ordenar» y «filtrar» ya no es necesaria, ya que ahora busca automáticamente los elementos con el atributo «filtro de datos» o «ordenar datos por» y los usa
Ahora también puede usar un elemento «seleccionar» para filtrar, solo busque la sección «Usar una selección como filtro» en los documentos
Cambió el hash de enlace profundo de la ventana emergente de mb= a (grid|popup)= lo verá en acción en el hash cuando use la nueva versión
¡La vinculación profunda en filtros y búsqueda ahora es posible!
la opción JS llamada «enlace profundo» fue reemplazada por:
- deepLinkingOnPopup: verdadero,
- deepLinkingOnFilter: verdadero,
- deepLinkingOnSearch: falso,
Ahora puede pasar la configuración «horizontalSpaceBetweenBoxes» y «verticalSpaceBetweenBoxes» en la configuración de JS de resoluciones, para que pueda tener un espacio diferente entre los cuadros según la resolución que tenga, verifique la configuración de JS de «resoluciones» en los documentos

v2.8 – 23 de agosto de 2015

Se solucionó un problema con el menú desplegable en dispositivos móviles

v2.7 – 17 de agosto de 2015

Se agregaron nuevos ejemplos nuevos
Se corrigieron algunos errores y se agregó algo de optimización SEO.

v2.6 – 11 de enero de 2015

Se corrigieron algunos errores con la función de carga.

v2.5 – 16 de octubre de 2014

Se corrigieron algunos errores con Firefox sobre el menú desplegable
Se corrigieron algunos errores con el filtrado y la función ‘cuadros mínimos por filtro’
Se corrigió algo de lógica JS.
Se mejoró la usabilidad del menú desplegable en los navegadores móviles.

v2.4 – 8 de julio de 2014

Cambiar los iconos de imagen por iconos de retina (Font Awesome)
Se agregó un menú desplegable para ordenar y filtrar
Ejemplos de clasificación añadidos

v2.3 – 7 de julio de 2014

Función de búsqueda añadida
Función de clasificación añadida

v2.2 – 2 de julio de 2014

Se agregó una opción llamada «considerarFilteringInPopup» para que la ventana emergente muestre solo los cuadros del filtro especificado, esto es cierto de forma predeterminada ahora.
Cambió el espacio de nombres del complemento imagesLoaded ya que fallaría con la versión anterior de isotope (si se incluye en la misma página)

v2.1 – 28 de junio de 2014