Joomla compatibility : Joomla 5 Joomla 4 Joomla 3

Mediabox, lightbox pour joomla

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

Responsive Design Mediabox CK 700

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)

the sky

 

Gallerie d'images - Avec du code HTML

 

responsive multimedia lightbox responsive multimedia lightbox responsive multimedia lightbox

 

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

 

Glissez pour passer d'une image à l'autre

apercu mobile touch swipe

Touchez / tapez pour zoomer et dé-zoomer

apercu mobile touch zoom

Une fois l'image zoomée, déplacez la zone visible

apercu mobile touch pan

 

Voir la vidéo

 

 

lightbox editor button

 

 

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

 

lightbox custom settings

 

lightbox editor button

 

 

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

 

 

joomla lightbox share button

 

 

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

joomla lightbox youtube video

 

 

joomla lightbox automatic

 

 

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

joomla lightbox replace SIG

 

 

Version Light

Peut afficher n'importe quel type de média : image, vidéo, url, article

Responsive

Comportement mobile : zoomez et naviguez avec vos doigts

Detection mobile

Création d'albums pour grouper les médias

Mode plein écran

Option pour boucler la lecture

Activation de la barre d'outil de lecture

Option pour lecture automatique

Option pour activer le zoom

Options de personnalisation

Options pour les effets : durée et taille

Option pour forcer l'affichage mobile

Ouvrir le popup au chargement de la page

Option pour charger automatiquement sur toutes les images

Compatible avec Image Effect CK

Bouton éditeur : création rapide de vos lightbox

Mode galerie : chargez automatiquement les photos

Options de personnalisation pour la galerie

Partager vos médias

Création automatique de vidéo Youtube avec miniature

Remplacement automatique de Simple Image Gallery (SIG)

Forum de support

Valide pour plusieurs domaines

1 An de mises à jour

GRATUIT

Version Pro

Peut afficher n'importe quel type de média : image, vidéo, url, article

Responsive

Comportement mobile : zoomez et naviguez avec vos doigts

Detection mobile

Création d'albums pour grouper les médias

Mode plein écran

Option pour boucler la lecture

Activation de la barre d'outil de lecture

Option pour lecture automatique

Option pour activer le zoom

Options de personnalisation

Options pour les effets : durée et taille

Option pour forcer l'affichage mobile

Ouvrir le popup au chargement de la page

Option pour charger automatiquement sur toutes les images

Compatible avec Image Effect CK

Bouton éditeur : création rapide de vos lightbox

Mode galerie : chargez automatiquement les photos

Options de personnalisation pour la galerie

Partager vos médias

Création automatique de vidéo Youtube avec miniature

Remplacement automatique de Simple Image Gallery (SIG)

Forum de support

Valide pour plusieurs domaines

1 An de mises à jour

18 €

 

Votez pour Mediabox CK dans la JED

Lire la documentation

 

Notes de version (cliquer pour afficher) :


VERSION 2.8.6 - 14/10/24
  • [Pro] Add option for a custom root folder for the SIG compatibility
VERSION 2.8.5 - 16/09/24
  • [Pro] Improve compatibility with SIG (Simple Image Gallery) tags : root option, description
  • [Pro] Add routing of urls in the description
  • Improve fullscreen image posiiton : put it in the center
VERSION 2.8.4 - 23/07/24
  • Fix issue with Itemid detection when using the option to load the plugin only on given pages
VERSION 2.8.3 - 13/05/24
  • [Pro] Improve Google photos source by adding a secondary url possibility (see doc)
VERSION 2.8.2 - 06/05/24
  • [Pro] Improve thumb quality with a new resample method
  • [Pro] Add Google photos source
  • Fix PHP warnings
VERSION 2.8.1 - 18/12/23
  • [Pro] Add auto detection of the image size from the attributes to resize it automatically to the desired dimensions
  • [Pro] Add root folder option for the SIG compatibility
  • Fix issue with the autoload feature
  • Fix issue with Joomla 3
VERSION 2.8.0 - 28/11/23
  • Add compatibility with Joomla 5 native (without the compatibility plugin)
  • Add option to use an image in the overlay
  • [Pro] Add option to automatically create thumbs for all images used with Mediabox CK
  • [Pro] Add option to manage the image quality for the thumbs that are created automatically
VERSION 2.7.4 - 17/07/23
  • Add compatibility with PHP 8.2
  • Fix language issues
VERSION 2.7.3 - 28/06/23
  • Add option for the autoload to group the images into an album
  • Add feature to automatically use the image alt as title and description in the lightbox (when using the autoload feature)
  • Fix issue with attribute type and name
VERSION 2.7.2 - 23/05/23
  • Fix another issue with the automatic loading option
VERSION 2.7.1 - 02/05/23
  • Fix issue with the automatic loading option
VERSION 2.7.0 - 27/04/23
  • New option to automatically apply the lightbox on all images, or filtering by css class
  • [Pro] New option to automatically manage the SIG tags : migrate from Simple Image Gallery to Mediabox CK
VERSION 2.6.5 - 02/01/23
  • Fix the window scroll when the lightbox is opened
VERSION 2.6.4 - 12/11/22
  • Add option to automatically load a Youtube thumbnail with video
  • Add ability to add a description on video in gallery mode, using the labels.txt file
  • Fix issue with thumbnail creation and video
VERSION 2.6.3 - 12/07/22
  • Fix issue with click on next/prew button when image is zoomed in
VERSION 2.6.2 - 11/07/22
  • Fix issue with click on an image that is zoomed in
  • Fix issue with quote in the code
  • Add scrollbar to the zoomed image
VERSION 2.6.1 - 18/05/22
  • Fix code issue
VERSION 2.6.0 - 29/04/22
  • [Pro] Add new option to share the media
  • Add new theme option with new Theme 1
  • Replace icons with svg
  • New feature to automatically display an image on page load in the lightbox using a hashtag (see the share option)
VERSION 2.5.1 - 21/03/22
  • [Pro] Fix issue with the gallery display on multiple lines
VERSION 2.5.0 - 15/03/22
  • [Pro] Add options to have a flexible gallery, settings by number of columns
  • [Pro] Improve the editor button to have the pagination option
VERSION 2.4.6 - 17/02/22
  • [Pro] Add feature to scroll and pan with the mouse over the image when the zoom is enabled
VERSION 2.4.5 - 04/11/21
  • [Pro] Add compatibility with MP4 video in the gallery mode
  • Fix issue with the zoom effect where the image was out of the visible area
VERSION 2.4.4 - 30/08/21
  • [Pro] Add an option to enable the chararcter encoding
VERSION 2.4.3 - 23/08/21
  • [Pro] Fix issue with number of images limited to 4 by default
  • [Pro] Fix issue with chararcter encoding
VERSION 2.4.2 - 12/07/21
  • Remove old Flash player references and files
  • [Pro] Add pagination and navigation for the gallery
  • [Pro] Add sort option asc or desc for the gallery
VERSION 2.4.1 - 28/06/21
  • Add compatibility with webp images
  • [Pro] Add width and height attribute on the images (fix issue with lazy loading in chrome)
  • [Pro] Fix warning with PHP 8
VERSION 2.4.0 - 16/12/20
  • Add compatibility with Joomla 4
  • Add option to set the size of the controls (in plugin styles options)
  • Add lazy loading for images in gallery mode (speed improvement for SEO)
  • Fix issue with preview of png image in the editor
  • Fix issue with CSS when using Image Effect CK
VERSION 2.3.5 - 16/09/20
  • Add compatibility with Watchful update
  • [Pro] Add session option to setup the number of times the popup shall open
  • [Pro] Add fadeout option to setup the time before the popup closes automatically
VERSION 2.3.4 - 24/07/20
  • Add Joomla 4 compatibility
  • Fix issue with video controls under the navigation bar on mobile
VERSION 2.3.3 - 01/07/20
  • Added fullscreen option
VERSION 2.3.2 - 13/05/20
  • Fix JS issue when using lightbox in Slideshow CK
VERSION 2.3.1 - 13/05/20
  • Fix JS issue from the 2.3.0 version
VERSION 2.3.0 - 12/05/20
  • Add new option for zoom +/- on the image, on desktop
  • Update the script to remove it from the jQuery object dependance
VERSION 2.2.23 - 14/04/20
  • [Pro] Update the html code of the gallery to make it compatible with the flip effect from Image Effect CK
VERSION 2.2.22 - 16/07/19
  • [Pro] Add option to autocreate thumbs
VERSION 2.2.21 - 14/06/19
  • [Pro] Fix issue with editor button not working
VERSION 2.2.20 - 10/06/19
  • [Pro] Make it compatible with the Image Effect CK custom styles
VERSION 2.2.19 - 29/05/19
  • Create new Light / Pro packages
  • Add feature to translate the counter of images
VERSION 2.2.18 - 14/01/19
  • Add fullscreen option on Vimeo video player
VERSION 2.2.17 - 13/12/18
  • Fix issue with Vimeo video player
VERSION 2.2.16 - 19/11/18
  • Fix issue with Vimeo video
VERSION 2.2.15 - 27/09/18
  • Add option to autoload, to automatically open the popup on page load
VERSION 2.2.14 - 14/03/18
  • (version removed)
VERSION 2.2.13 - 29/11/17
  • Fix issue with media called from external url
  • [PRO] Add video link usage in gallery mode if it has the same name as the image
VERSION 2.2.12 - 26/07/17
  • Update JS attribute to data (internal changes)
VERSION 2.2.11 - 25/04/17
  • Fix issue with frontend edition
VERSION 2.2.10a - 12/04/17
  • [PRO] Fix an issue with Chrome browser when no editor is focused
VERSION 2.2.10 - 26/10/16
  • [PRO] Fix an issue with frontend edition in the editor
  • [PRO] Add compatibility with frontend edition using Community Builder
VERSION 2.2.9 - 07/10/16
  • Fix an issue with Vimeo videos
VERSION 2.2.8 - 15/09/16
  • Add the option to force the mobile display on all devices
VERSION 2.2.7 - 25/08/16
  • [PRO] Add the option order=labels to sort the images from a folder according to the order in the labels.txt file
VERSION 2.2.6 - 20/07/16
  • [PRO] Fix an issue with number of thumbs
VERSION 2.2.5 - 08/07/16
  • Fix an issue with iOS and link shown instead of the video
  • Compatible with HTTPS
VERSION 2.2.4 - 13/06/16
  • Fix an issue with text not showing
VERSION 2.2.3 - 11/06/16
  • Fix an issue with the diaporama autoplay
VERSION 2.2.2 - 30/05/16
  • Add IE compatibility to fix the images distortion in gallery mode
  • Fix an issue with the number of thumbnails that limited also the number of images
VERSION 2.2.1 - 24/05/16
  • Fix a css display issue in gallery mode with too much space between images
VERSION 2.2.0 - 12/05/16
  • New Touch Mobile behavior : Zoom the image with pinch (2 fingers)
  • [PRO] Add feature to use a labels.txt file to write the images title and description in gallery mode
  • [PRO] New rendering for html code to be more versatile
  • [PRO] Add compatibility with Image Effect and the gallery mode
  • [PRO] Add option nb=x to limit the number of slides in gallery mode
  • [PRO] Add option random=1 to show the images in random order in gallery mode
  • [PRO] Updated to use the CKBox modal for the editor button
  • Added option for diaporama autoplay
VERSION 2.1.8 - 31/03/16
  • Enable fullscreen for youtube videos
  • Fix box size issue with youtube videos
  • [PRO] Allow accent in the folder and images path
VERSION 2.1.7 - 22/03/16
  • Compatible with Joomla! 3.5
  • Update to be compatible with PHP7
VERSION 2.1.6 - 23/01/16
  • Fix an issue with video on iPad
VERSION 2.1.5 - 07/12/15
  • [PRO] Fix an issue with tag parameters

 

Outil de création rapide, puissant et responsive.

En savoir plus

Extensions favorites

logo maximenuck 110 logo pagebuilderck 110 logo slideshowck 110template creator ck large 449

Sauvegarder
Choix utilisateur pour les Cookies
Nous utilisons des cookies afin de vous proposer les meilleurs services possibles. Si vous déclinez l'utilisation de ces cookies, le site web pourrait ne pas fonctionner correctement.
Tout accepter
Tout décliner
Analytics
Outils utilisés pour analyser les données de navigation et mesurer l'efficacité du site internet afin de comprendre son fonctionnement.
Google Analytics
Accepter
Décliner