Echa un vistazo a la vista previa de video HD
Complemento de WordPress disponible aquí
Nova Gallery es un HTML5 galería multimedia permitiéndole exhibir sus fotos/audio/video en una interfaz hermosa y elegante. Tienes la opción de presentar tus artículos en dos modos diferentes, que son una Cuadrícula de miniaturas y ancho completo vista, y también tiene la opción de cambiar entre los dos modos. Tu puedes tener varios conjuntos/álbumes de artículos y puede filtrar los elementos de la galería según el tipo de archivo o según las categorías personalizadas. La galería le permite exhibir su Youtube/Vimeo vídeos y Flickr/Picasa fotos de grupos/sets/álbumes/colecciones. La galería presenta una diseño de respuesta fluida y puede caber en cualquier tamaño de pantalla, desde teléfonos móviles hasta navegadores de escritorio. La galería también incluye soporte de pantalla táctil y utiliza hardware acelerado Animaciones basadas en CSS siempre que sea posible, lo que da como resultado animaciones fluidas, que se nota especialmente en los dispositivos móviles.
Pruebe las demostraciones de la galería y cambie el tamaño de su navegador para ver el diseño receptivo de la galería en acción. Consulte también las demostraciones en sus dispositivos móviles, como iPad/iPhone o dispositivos Android.
Las características clave son:
- Mostrar fotos, audio y video
- Todos los datos de la galería se pasan en un archivo XML simple.
- Dos modos de visualización: cuadrícula de miniaturas y ancho completo. También puede cambiar entre los dos modos.
- El modo de cuadrícula de miniaturas presenta un diseño de mampostería y puede controlar el espacio entre los elementos aplicando márgenes a través de css,
- El modo de ancho completo le permite mostrar las fotos/videos extendidos a lo largo de todo el contenedor o reducir el tamaño del elemento para que se pueda ver por completo sin ningún tipo de recorte.
- También puede tener una presentación de diapositivas de los elementos en el modo de ancho completo. Esta presentación de diapositivas se detiene cada vez que la pestaña del navegador en la que se muestra la galería se desenfoca (esta función solo funciona en navegadores compatibles con la API de visibilidad de página HTML5 y tiene la opción de desactivar esta función).
- Reproduce audio y video de forma nativa en navegadores HTML5 modernos y cambia a Flash/Silverlight para navegadores más antiguos usando Mediaelement.js.
- Filtre elementos, por tipo de archivo o categorías personalizadas.
- Admite múltiples conjuntos de galerías o álbumes.
- Opción True HTML5 Fullscreen en navegadores compatibles.
- Puede incrustar videos de Youtube y Vimeo.
- Muestra fotos de Flickr y Picasa. Se proporcionan varias opciones para extraer fotos de Flickr/Picasa junto con la opción de almacenar en caché los datos de la API. No se requiere ningún archivo XML cuando se muestran fotos de Flickr/Picasa.
- La galería presenta un diseño receptivo fluido para tener en cuenta varios tamaños de pantalla, desde teléfonos móviles hasta navegadores de escritorio, y también se puede colocar en un contenedor de cualquier ancho.
- La galería es compatible con dispositivos móviles con soporte para pantalla táctil.
- Siempre que ha sido posible, se han utilizado animaciones CSS aceleradas por hardware, lo que da como resultado animaciones fluidas, lo que se nota más en los dispositivos móviles.
- Se han proporcionado prácticos atajos de teclado para facilitar la navegación por la galería.
- Los elementos de la galería también pueden actuar como enlaces a páginas externas.
- Dos esquemas de color: oscuro y claro.
Las opciones configurables son:
- Si muestra videos de Youtube/Vimeo, puede optar por utilizar las miniaturas proporcionadas por Youtube/Vimeo.
- Puede extraer fotos de Flickr buscando una cadena de texto o etiquetas. Incluso puede extraer fotos de un usuario específico o un grupo, o un conjunto o una colección de conjuntos. También tiene la opción de elegir cuántas fotos se mostrarán, cómo se ordenarán y también los tamaños de las imágenes que se extraen de Flickr.
- Puede obtener fotos de Picasa buscando una cadena de texto. Incluso puede extraer fotos de un usuario específico o un álbum, o una colección de álbumes. También tienes la opción de elegir cuántas fotos se mostrarán, cómo se ordenarán y también los tamaños de las imágenes que se extraen de Picasa.
- Opción para habilitar el almacenamiento en caché de los datos de respuesta de la API de Flickr/Picasa para evitar cruzar el límite establecido por estos servicios. Incluso puede establecer durante cuánto tiempo se almacenarán en caché los datos.
- Puede mencionar una imagen en miniatura personalizada para los conjuntos de la galería. De forma predeterminada, la miniatura del primer elemento del conjunto se utiliza para representar el conjunto.
- Reproducción automática de audio y video cuando Lightbox se abre en el modo de cuadrícula de miniaturas.
- Reproduce archivos de audio y video en bucle.
- Almacena el nivel de volumen cuando el reproductor está cerrado, que se restaura cuando el reproductor se abre de nuevo.
- Configure el modo, es decir, Cuadrícula de miniaturas o Ancho completo, que se mostrará cuando la galería se cargue por primera vez. También puede trabajar con un solo modo.
- Opción para mostrar una categoría particular de elementos cuando la galería se carga por primera vez.
- Reduzca las imágenes en el modo de ancho completo para que quepan en el contenedor cuando la galería se carga por primera vez.
- Elija mostrar las miniaturas en modo de ancho completo cuando la galería se cargue por primera vez.
- Elija el efecto animado para los elementos en el modo Cuadrícula de miniaturas cuando se muestre por primera vez. Los efectos disponibles son desteñir, deslizar, desvanecimientoSeq, secuencia deslizante y FlipSeq.
- Elija el efecto animado para mostrar títulos/descripciones de elementos en el modo de cuadrícula de miniaturas. Los efectos disponibles son dar la vuelta y desteñir.
- Elija hacer que los títulos de los elementos en el modo de cuadrícula de miniaturas estén siempre visibles.
- Elija el efecto animado para la transición entre elementos en el modo de ancho completo. Los efectos disponibles son desteñir, deslizar y dar la vuelta.
- Elija continuar la presentación de diapositivas en modo de ancho completo incluso cuando la página pierde el foco.
- Elija el efecto animado para mostrar/ocultar la pantalla Conjuntos de galería (pantalla de inicio). Los efectos disponibles son escala, desteñir y deslizar.
- Muestra la galería que abarca todo el ancho del navegador o el ancho de su contenedor principal.
- Los elementos de la galería también pueden actuar como enlaces a páginas externas. Puede optar por abrir los enlaces en una nueva pestaña/ventana.
- Tiene la opción de mezclar u ordenar aleatoriamente los elementos de la galería cada vez que se actualiza la página.
- La galería admite la carga previa de imágenes en modo de ancho completo para una visualización más fluida. Puede elegir cuántos elementos se cargarán a la vez en segundo plano.
- Puede iniciar la presentación de diapositivas en modo de ancho completo cuando la galería se carga por primera vez.
- Se puede configurar el intervalo de tiempo durante el cual un elemento en particular es visible durante la presentación de diapositivas.
- Opción para establecer la ruta para el archivo XML de configuración de la galería.
- Opción para detectar dispositivos móviles y entregarles un archivo XML separado.
Notas especiales
- Se han proporcionado respaldos adecuados basados en jQuery para todos los efectos animados basados en CSS para navegadores más antiguos.
- Además, algunas de las características modernas de HTML5, como la pantalla completa y la visibilidad de la página, solo funcionarán en los navegadores modernos.
- El script de la galería ha sido probado y es totalmente compatible con jQuery 1.9+. y también jquery 2.0+. y 3.0+
Reseñas
registro de cambios
Versión 1.4.3 (7 de febrero de 2022)
• Fixed an issue with parsing the response from the Vimeo API
Versión 1.4.2 (3 de marzo de 2016)
• Fixed an issue where closing the overlay for audio/video made the gallery exit from fullscreen state.
Versión 1.4.1 (9 de julio de 2015)
• Fixed a bug with image resizing in Fullwidth mode.
Versión 1.4 (31 de julio de 2014)
• Added the option of choosing the number of albums to show in a Flickr/Picasa collection.
• As per Flickr's new API requirements the gallery now uses "https" in all API request url's.
• Fixed item display issues, including the issue of small images, inside the modal box in thumbnails grid mode for phone sized screens.
• Fixed video player's fullscreen button issue in iPad.
• A few small styling tweaks to the gallery.
Versión 1.3 (15 de enero de 2014)
• Fixed a IE bug where the thumbnail links were not clickable.
• Fixed a small bug where the overlay button appeared over thumbnails with link enabled.
• Fixed the max-height setting and the positioning of the Fullwidth mode caption overlay.
• Added the option of making the item titles in Thumbnail Grid mode always visible.
• Added the option of making the Fullwidth mode slideshow continue even when the page loses focus.
Versión 1.2 (15 de agosto de 2013)
• Fixed a bug in the thumbnail grid layout when margins were set on the items.
• Fixed the resizing of images in the overlay when the browser was in landscape mode.
• Fixed a bug in iOS where after scrolling the clicks/taps on the thumbnails became unresponsive.
• Improved the closing/opening of the gallery menu in touch-screen devices.
• Fixed a bug where the inclusion of images in the item captions interfered with the thumbnail grid layout.
• Modified the code to account for escaping of characters in the cached xml file (when pulling images from Flickr/Picasa) if magic quotes in the server were turned on.
Versión 1.1 (8 de junio de 2013)
• Fixed problem with positioning of the gallery overlay/lightbox when there were other content in the page along with the gallery.
• The filter dropdown menu opens much quicker now in touch-screen devices and also closes when tapping elsewhere on the screen.
• Updated the jquery masonry plugin so that it is compatible with jquery v1.9+. The gallery now is fully compatible with jquery 1.9+ including jquery 2.0.
• Other small bug fixes.
