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

 

 

 

 

 

 

 

 

 

Votez pour Mediabox CK dans la JED

Lire la documentation