Mediabox CK - Une lightbox multimédia

Mediabox CK est une lightbox Joomla! mutlimédia qui peut afficher vos images, vidéos, articles, vos médias depuis Facebook, Twitter, Youtube, Daylymotion ou n'importe quelle page dans une fenêtre responsive. vous pouvez y ajouter un titre, une desciption et les grouper dans des albums.

Responsive et tactile

Fonctionnalités

Mediabox CK est une Lightbox responsive qui peut afficher n'importe quel média comme vos images, vos vidéos ou des médias sociaux comme youtube et autres, mais aussi n'importe quel contenu HMTL à partir de son url.

• Affiche n'importe quel média : images, vidéos, html
• Comportement responsif : redimensionne le média en fonction de la taille de l'écran
• Affichage responsif : affiche le média en plein écran avec de gros boutons pour utilisation tactile
• Conçu pour les appareils tactiles : glissez vers la gauche ou vers la droite pour naviguer, tapez sur l'image pour zommer, et déplacez l'image zoomée avec vos doigts
• Groupez vos médias dans des albums pour naviguer entre eux
• Utilisation facilitée grâce au bouton dans l'éditeur (version Pro)
• Chargement automatique des images depuis un dossier (version Pro)
• Utilisation de tags n'importe où dans votre site pour générer un lien (version Pro)
• Peut remplacer n'importe quelle Lightbox : sélectionnez le sélecteur dans les options du plugin
• Option pour Diaporama : regardez les photos d'un album défiler automatiquement avec une durée personnalisable
• Compatible avec les images de Google+
• Option pour zoomer sur l'image
• Lazy loading des images en mode galerie pour améliorer le chargement de la page

Démo de Mediabox CK

Simple lien avec texte

Click the text to show the image

Image avec titre (possibilité d'ajouter du code html dans le titre)

Gallerie d'images - Avec du code HTML

Gallerie d'images - Génération automatique (version Pro)

Gallerie d'images - Avec la création automatique de galerie depuis un dossier et Image Effect

Cette démo utilise un fichier labels.txt dans le dossier des images pour définir les titres et description. Et cette démo est multilangue ! Les textes sont en français tandis que la démo en anglais qui utilise les mêmes images du même dossier, est en anglais.

Vidéos

YouTube »

Vimeo »

DailyMotion »

Vous pouvez aussi lire les vidéos hébergées sur votre propre serveur en utilisant les formats MP4, WEBM et OGV. Tous les fichiers doivent avec le même nom pour chaque format pour être compatible avec la plupart des systèmes. Vous pouvez également ajouter une image JPG qui s'affichera si aucune vidéo ne peut être lue. Exemple de fichiers à mettre dans le dossier :

myvideofile.mp4
myvideofile.ogv
myvideofile.webm
myvideofile.jpg

Audio

Vous pouvez aussi lire les fichiers audios hébergés sur votre propre serveur en utilisant les formats MP3, OGG and AAC.

Astuce : Apprenez comment utiliser le fichier labels.txt pour vos images

Une lightbox pour mobiles

Mediabox CK a été conçue pour être une Lightbox responsive et compatible avec les appareils tactiles.

Editez les options du plugin pour définir la manière dont Mediabox détecter les appareils mobiles pour passer en mode responsive :

• Detection basée sur la résolution : give the resolution in px under which the Lightbox will turn into the mobile layout
• Detection basée sur la détection matérielle : téléphone et tablette, ou seulement téléphone

Vous pouvez aussi choisir de désactiver le responsive si vous n'en voulez pas.

Design responsive pour mobile

Lorsque la Mediabox détecte qu'elle se trouve sur un appareil mobile, elle change automatiquement d'allure pour laisser l'image s'afficher en plein écran avec des boutons de contrôle plus gros pour permettre une utilisation tactile.

Comportement tactile pour les téléphones et tablettes

Lorsque vous utilisez Mediabox CK sur un appareil tactile, vous pouvez utiliser vos doigts pour naviguer entre les images et contrôler les actions.

• Glissez vers la gauche ou la droite pour passer d'une image à l'autre (en mode album)
• Touchez / tapez pour l'image pour zoomer et dézoomer
• Une fois l'image zoomée, utilisez vos doigts pour déplacer la zone visible

Voir la vidéo

 

 

Bouton éditeur

Ne perdez pas votre temps à rechercher les paramètres, cliquez simplement sur le bouton de l'éditeur pour ouvrir une fenêtre contextuelle. Vous pourrez paramétrer l'image, l'url du média ou du dossier à charger, le mode galerie, les dimensions ...

En utilisant le bouton éditeur, vous pouvez charger la lightbox rapidement dans n'importe quel éditeur où vous le souhaitez dans votre site Web. Vous pourrez également sélectionner un effet d'Image Effect CK directement dans la liste des effets disponibles.

 

Paramètres personnalisés

Vous pouvez créer plusieurs lightbox et leur attribuer des paramètres différents pour chacune. Vous pouvez définir

• source des médias
• largeur et hauteur
• album pour regrouper les médias
• répertoire pour charger les images
• titre et description
• nom de l'effet de Image Effect CK

Lire la documentation

 

 

 

Galerie d'images

Sélectionnez un dossier et chargez les images directement dans votre page sans effort. Vous pouvez utiliser les options du plugin pour styliser les dimensions de la galerie, l'effet au survol et les images. Ceci est également compatible avec Image Effect CK. Toutes les images seront automatiquement liées à l'image d'origine dans la fenêtre lightbox. Les images de la galerie utiliseront la fonction de chargement "lazy loading" pour améliorer le chargement de la page.

 

 

Gallery avec pagination

Vous pouvez charger un dossier d'images directement dans une galerie, automatiquement. Vous pouvez également configurer votre galerie pour afficher vos images avec un nombre limité à la fois et utiliser un système de pagination pour naviguer dans toutes les pages de votre galerie.

Voir la documentation

• 1
• 2
• 3

 

 

Partagez vos médias

Vous pouvez partager vos images et contenus multimédias grâce à une option activable depuis les options du plugin. Cliquez sur le bouton de partage pour obtenir un fenêtre qui vous propose de partager votre contenu sur Facebook, Twitter, Pinterest ou par email. Vous pouvez aussi copier - coller l'url pour la partager sur n'importe quelle autre réseau social.

 

 

Vidéo Youtube automatique avec vignette

Vous pouvez créer automatiquement une vignette de votre vidéo Youtube qui prendra place dans votre contenu. Lorsque l'utilisateur clique sur l'image, la vidéo s'ouvre dans la Lightbox. Cela vous évite de faire le processus manuellement. Avoir une image au lieu d'une vidéo directement dans votre contenu vous fera gagner du temps de chargement et offrira une meilleure expérience utilisateur.

Lire la documentation

 

 

Chargement automatique sur toutes les images

Vous pouvez activer l'option dans les paramètres du plugin pour automatiquement appliquer la lightbox à toutes les images qui sont dans le contenu de votre site. Vous pouvez l'appliquer à toutes les images, filtrez la sélection par classe css ou filtrez tout sauf une classe css.

 

 

Remplace automatiquement SIG

Si vous voulez remplacer SIG (Simple Image Gallery), SIG Plus ou SIGE, vous pouvez utiliser Mediabox CK. Activez l'option dans le plugin et les tags existants de type {gallery} seront automatiquement pris en compte par Mediabox CK.

En savoir plus

Votez pour Mediabox CK dans la JED

Lire la documentation