Les meilleurs plugins WordPress en 2020 : CCGallery – Galerie multimédia HTML5

0
192

Voir la démoAcheter $19

Télécharger le Plugin

Cliquez ici pour voir l’aperçu de la vidéo HD

Version du plugin WordPress disponible ici

CCGallery est une galerie multimédia HTML5. Il est très simple à utiliser et peut être configuré facilement via un fichier XML. Il agit comme un modèle qui affiche toutes vos images, fichiers audio et fichiers vidéo dans une interface élégante et attrayante. Vous pouvez parcourir les éléments en mode Coverflow ou en mode grille de miniatures. Vous pouvez facilement basculer entre les deux modes d’affichage et même filtrer les éléments en affichant uniquement des images, des fichiers audio ou des fichiers vidéo. CCGallery a été conçu de telle sorte qu’il est extrêmement facile de parcourir un grand nombre d’articles et aussi avec suffisamment de bonbons pour les yeux!

Les principales caractéristiques sont:

  • Affichez les images, l’audio et la vidéo.
  • Configurez la galerie à l’aide d’un simple fichier XML.
  • Deux modes d’affichage – Coverflow et Thumbnail, avec possibilité de basculer entre les deux. Vous pouvez également choisir le mode à charger en premier.
  • Les transformations CSS 3D sont utilisées pour le coverflow dans les navigateurs pris en charge, ce qui est accéléré par le matériel et résultant ainsi en des animations plus fluides, ce qui est particulièrement noté dans les appareils mobiles tels que l’iPad / iPhone. Dans les navigateurs non pris en charge, HTML5 Canvas est utilisé.
  • Lit l’audio et la vidéo de manière native dans les navigateurs HTML5 modernes et bascule vers Flash / Silverlight pour les navigateurs plus anciens en utilisant Mediaelement.js.
  • Peut également intégrer des vidéos Youtube et Vimeo.
  • Filtre les éléments en fonction du type de fichier ou en fonction de catégories personnalisées, avec une belle animation de mélange en utilisant le plugin jQuery Quicksand. Vous pouvez également choisir d’afficher une catégorie particulière lors du chargement de la page.
  • Possibilité de détecter les appareils mobiles afin que ces appareils puissent recevoir des vidéos de basse qualité déclarées dans un autre fichier XML.
  • La galerie présente un design réactif fluide pour tenir compte de différentes tailles d’écrans allant des téléphones mobiles aux navigateurs de bureau et peut également être placée dans un conteneur de n’importe quelle largeur.
  • Options de lecture automatique et de lecture en boucle des fichiers audio et vidéo.
  • Divers raccourcis clavier pratiques pour une navigation plus facile dans la galerie.
  • Faites défiler les images Coverflow à l’aide du balayage tactile sur les appareils à écran tactile.
  • Peut faire en sorte que les images miniatures dans les modes Miniatures et Coverflow agissent comme des liens vers des pages externes. Option pour ouvrir les liens dans une nouvelle fenêtre / onglet.
  • Deux schémas de couleurs (sombre et clair) sont disponibles.
  • Changez le style de la galerie en fonction de vos besoins en peaufinant le CSS.

REMARQUE: Le mode Coverflow utilise un mécanisme de secours en deux étapes. Il utilise d’abord CSS 3D Transforms, et s’il n’est pas pris en charge, HTML5 Canvas est utilisé, qui est pris en charge dans Firefox 3.0+, Safari 3.0+, Chrome 3.0+, Opera 9.5+ et IE9 +. Les navigateurs plus anciens qui ne prennent pas en charge Canvas verront un effet d’animation de secours pour la navigation dans les fichiers, afin qu’ils puissent toujours voir une galerie fonctionnant bien.

Commentaires

Avis sur CCGallery

Changelog

Version 4.1.1 (24 avril 2013)
• Made the gallery compatible with jQuery 1.9+ .
• Updated all helper scripts.
Version 4.1 (25 octobre 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.
Version 4.0 (25 septembre 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.
Version 3.1 (30 août 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.
Version 3.0.1 (25 mai 2012)
• Fixed a few keyboard shortcut bugs when either the Lightbox or the Thumbnails mode was visible.
Version 3.0 (21 mai 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.
Version 2.0 (11 février 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.
Version 1.4 (13 novembre 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.
Version 1.3 (28 juillet 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.
Version 1.2 (10 juin 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.
Version 1.1 (29 mai 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.

Plus d’articles par CosmoCoder

Nova Gallery - Galerie multimédia Responsive HTML5

CCSlider - Plugin de diaporama jQuery 3D

GalleryGen - Générateur de code HTML pour galerie d'images

LAISSER UN COMMENTAIRE

S'il vous plaît entrez votre commentaire!
S'il vous plaît entrez votre nom ici