Haga clic aquí para ver la vista previa del video HD
Versión del complemento de WordPress disponible aquí
CCGallery es una galería multimedia HTML5. Es muy simple de usar y se puede configurar fácilmente a través de un archivo XML. Actúa como una plantilla que muestra todas sus imágenes, archivos de audio y archivos de video en una interfaz elegante y atractiva. Puede explorar los elementos en el modo Coverflow o en un modo de cuadrícula de miniaturas. Puede cambiar fácilmente entre los dos modos de visualización e incluso puede filtrar los elementos mostrando solo imágenes, archivos de audio o archivos de video. ¡CCGallery ha sido diseñado de tal manera que es extremadamente fácil navegar a través de una gran cantidad de elementos y también con suficiente atractivo visual!
Las características clave son:
- Visualización de imágenes, audio y video.
- Configure la galería usando un archivo XML simple.
- Dos modos de visualización: Coverflow y Thumbnail, con la opción de cambiar entre los dos. También puede elegir qué modo cargar primero.
- Las transformaciones 3D CSS se utilizan para el flujo de portada en los navegadores compatibles, que es acelerado por hardware y, por lo tanto, da como resultado animaciones más fluidas, lo que se nota especialmente en dispositivos móviles como iPad/iPhone. En navegadores no compatibles, se usa HTML5 Canvas.
- Reproduce audio y video de forma nativa en navegadores HTML5 modernos y cambia a Flash/Silverlight para navegadores más antiguos usando Mediaelement.js.
- También puede incrustar videos de Youtube y Vimeo.
- Filtra elementos según el tipo de archivo o según las categorías personalizadas, con una buena animación de reproducción aleatoria mediante el uso del complemento jQuery Quicksand. También puede optar por mostrar una categoría en particular al cargar la página.
- Opción para detectar dispositivos móviles para que estos dispositivos puedan recibir videos de baja calidad que se declaran en un archivo XML alternativo.
- 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.
- Opciones para reproducir automáticamente y reproducir en bucle archivos de audio y video.
- Varios atajos de teclado útiles para navegar más fácilmente por la galería.
- Desplácese por las imágenes de Coverflow usando el deslizamiento táctil en dispositivos de pantalla táctil.
- Puede hacer que las imágenes en miniatura en los modos Miniaturas y Coverflow actúen como enlaces a páginas externas. Opción para abrir enlaces en una nueva ventana/pestaña.
- Hay dos esquemas de color (oscuro y claro) disponibles.
- Cambia el estilo de la galería según tus necesidades ajustando el CSS.
NOTA: El modo Coverflow utiliza un mecanismo de respaldo de dos pasos. Primero utiliza CSS 3D Transforms y, si no es compatible, utiliza HTML5 Canvas, que es compatible con Firefox 3.0+, Safari 3.0+, Chrome 3.0+, Opera 9.5+ e IE9+. Los navegadores más antiguos que no son compatibles con Canvas verán un efecto animado alternativo para buscar archivos, por lo que aún pueden ver una galería que funciona bien.
Reseñas
registro de cambios
Versión 4.1.1 (24 de abril de 2013)
• Made the gallery compatible with jQuery 1.9+ . • Updated all helper scripts.
Versión 4.1 (25 de octubre de 2012)
• Added the option to retain the volume setting of the player when it is closed, so that when it is opened again the previous volume level is set. • The caption area in the modal overlay now displays the entire caption, whatever its size, without overflowing on the image/video/audio. • Fixed a bug where the Coverflow images were not positioned correctly if the starting mode was Thumbnails. • Fixed a bug where the thumbnail links were not working correctly in the Coverflow mode after filtering. • Fixed a bug where the next/prev buttons were showing even when there was only one item after filtering. • Fixed a bug where the presence of an image in the caption was causing problems in the Thumbnails mode. • Fixed a bug where audio files were being loaded twice when the Flash player was active. • Fixed a volume slider position bug in the Mediaelement.js player.
Versión 4.0 (25 de septiembre de 2012)
• The Coverflow mode now uses CSS 3d Transforms in browsers that support it, thus resulting in smoother animation, especially in mobile devices. In unsupported browsers HTML5 Canvas is used. • The touch swipe functionality to browse the Coverflow images has been improved. • The gallery now a features fluid responsive design thus enabling it to adapt to any browser window width and parent container width. • Various small bug fixes.
Versión 3.1 (30 de agosto de 2012)
• Added the option to remove the reflection of the coverflow images. • Added the option to choose whether links added to gallery thumbnails will open in a new window or not. • Coverflow images can be scrolled using touch swipe in touch enabled devices. • The coverflow slider can now be used in touch enabled devices. • Fixed a bug where the coverflow fade gradient, if disabled, was triggered when the browser window was resized.
Versión 3.0.1 (25 de mayo de 2012)
• Fixed a few keyboard shortcut bugs when either the Lightbox or the Thumbnails mode was visible.
Versión 3.0 (21 de mayo de 2012)
• Added prev/next buttons to the Lightbox in order to navigate through the items without closing the Lightbox. • Added the option to turn off the faded effect at the edges of the Coverflow images section, thus allowing the gallery to be placed in any background. • Added the option to mention the background colour for the gallery which will be used to generate the faded effect in the Coverflow. By default the body background colour is read. • Added a new colour scheme - Light.
Versión 2.0 (11 de febrero de 2012)
• Made the gallery design responsive to account for various screen sizes ranging from mobile phones to desktop browsers. • Improved the Coverflow effect significantly. The effect is more smooth when flipping images quickly and also other optimizations have been made. • Added the option to mention a starting item for the Coverflow mode. • Added the option to play audio and video files in a loop. • Added the option to make the thumbnails behave as links to external pages. • Added more keyboard shortcuts - pressing ENTER opens overlay modal box, and pressing ESC close overlay.
Versión 1.4 (13 de noviembre de 2011)
• Added the option to enable autoplay of audio and video files once the modal overlay box containing the media player shows up. Youtube and Vimeo videos also get autoplayed. • Added the option to display only a particular category of items when the page first loads. • Fixed a bug regarding filtering based on custom categories.
Versión 1.3 (28 de julio de 2011)
• Added the option to filter items based on custom categories. • Fixed a bug that was preventing the loading of the alternate XML file for mobile devices, if the user chose that option. • Increased the size of the video player in the modal overlay.
Versión 1.2 (10 de junio de 2011)
• Added the option to detect mobile devices so that these devices can be served low quality videos which are declared in an alternate XML file. • Item titles are now displayed below active Coverflow images. • Fixed an IE9 bug which was causing Coverflow images to not display there if option to load Thumbnail mode first was chosen.
Versión 1.1 (29 de mayo de 2011)
• Added the option to choose whether CCGallery will load the Coverflow or Thumbnails mode first. • Fixed a bug in IE9 that was causing audio/video files to not play there. • Fixed a bug in IE8 that was caused after an audio/video file was played.
