Mediabox, lightbox pour joomla

Mediabox CK is a multimedia Joomla lightbox which can be used to show images, videos, flash animations, medias from Facebook, Twitter, Youtube, Daylymotion or some PHP pages in a responsive popup. You can add some title and description, and create some albums.

 

 

Responsive and touch reactive

Responsive Design Mediabox CK Lightbox for Joomla!

 

Features

Mediabox CK is a responsive Lightbox that can show any media like your images, videos from your server or from the social network like youtube or else, or any other url or html content.

  • Can show any media : images, videos, html
  • Responsive behavior : resize the media according the screen size
  • Responsive layout : full screen image and bigger buttons to use with your finger
  • Designed to work with touch device : swipe to navigate, tap to zoom on the image, use the finder to pan the zoomed image
  • Mobile detection based on resolution or device type
  • Group your medias into albums to navigate through them
  • Easy integration with the editor button (Pro version)
  • Autoload images from a folder (Pro version)
  • Tags to be used anywhere in your website to create a link (Pro version)
  • Can replace any existing Lightbox : you can select which selector to use for your links
  • Diaporama feature : see all images from an album automatically with a custom duration between each image
  • Compatible with images from Google+
  • Zoom option
  • Lazy loading of image in gallery mode to improve your SEO

 

Demo of Mediabox CK

 

Simple text link

Click the text to show the image

 

Image with title (you can add some html in the title)

the sky

 

Images gallery - Using HTML code

responsive multimedia lightbox responsive multimedia lightbox responsive multimedia lightbox

 

Images gallery - Using the automatic gallery

 

Images gallery - Using the automatic gallery and the Image Effect CK

 

This demo uses a custom labels.txt file in the images folder for the images title and description.

Videos

YouTube »

Vimeo »

DailyMotion »

 

You can also show the local videos hosted on your server using the formats MP4, WEBM and OGV. All the files must have the same name with each format to be compatible with all systems. You can also put a JPG image with the same name to show if no one of the video files can be played. Example of files to put in your folder :

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

Audio

You can also show the local audio files hosted on your server using the formats MP3, OGG and AAC.

 

Docs JoomlaCK : Check how to use the labels for your images

 

 

A lightbox for mobiles

Mediabox CK has beed designed to be a responsive Lightbox with support on Touch devices.

Edit the plugin options to set the way the plugin will detect the responsive mode :

  • Detection based on resolution : give the resolution in px under which the Lightbox will turn into the mobile layout
  • Detection based on the device type : mobile and tablet, or mobile only

You can also choose to deactivate the mobile behavior if you don't want to use it.

 

Responsive layout designed for mobile

When the Mediabox detects that it must behave for mobile, it changes the layout to have the image in full screen with big buttons at the bottom. The buttons are big enough so that you can click on them with your finger.

 

Touch behavior to be used on mobile or tablet

When you are using the Mediabox CK on a touch device, you can use your finger to control and navigate.

  • Swipe left of right to navigate into an album
  • Touch / Tap  the image to zoom it and unzoom
  • Once zoomed, use your finger to move the image to see the details

 

Swipe left or right to navigate

apercu mobile touch swipe

Touch / Tap the image to zoom and unzoom

apercu mobile touch zoom

Use your finger to move the zoomed image

apercu mobile touch pan

 

Watch the video

 

 

lightbox editor button

 

 

Editor button

Don't waste your time to look for the settings, just click on the editor button to open a popup. You will be able to set the image, media url of folder to load, the gallery mode, the dimensions ...

Using the editor button you can load the lightbox quickly in any editor where you want in your website. You will also be able to select an Image Effect CK directly in the list of available effects.

 

 

 

Custom settings

You can create multiple lightboxes and give them different settings for each one. You can set

source of the media

  • width and height
  • album to group the medias
  • directory to load the images
  • title and description
  • effect name from Image Effect CK

Read the documentation

 

lightbox custom settings

 

lightbox editor button

 

 

Image gallery

Select a folder, and load the images directly in your page without effort. You can use the plugin options to style the gallery dimensions, the overlay and the images. This is also compatible with Image Effect CK. All images will be automatically linked to the original image in the lightbox popup. The images in the gallery will use the lazy loading feature to improve your SEO (by reducing the page load).

 

 

Light version

Can show any media : image, video, url, article

Responsive

Mobile behavior : zoom and pan with your fingers

Mobile detection

Album feature to group your medias

Fullscreen mode

Loop option

Toolbar enable  /disable

Autoplay option

Zoom option

Styling options

Custom effects options : size and duration

Option to force the mobile behavior

Open the popup on page load

Compatible with Image Effect CK

Editor button : fast lightbox creation

Gallery mode : automatically load the photos

Styling options for the gallery

Forum support

Use on multiple domains

1 Year updates

FREE

Pro version

Can show any media : image, video, url, article

Responsive

Mobile behavior : zoom and pan with your fingers

Mobile detection

Album feature to group your medias

Fullscreen mode

Loop option

Toolbar enable  /disable

Autoplay option

Zoom option

Styling options

Custom effects options : size and duration

Option to force the mobile behavior

Open the popup on page load

Compatible with Image Effect CK

Editor button : fast lightbox creation

Gallery mode : automatically load the photos

Styling options for the gallery

Forum support

Use on multiple domains

1 Year updates

18 €

 

Vote for Mediabox CK in the JED

Read the documentation

 

Release notes (click to show) :


 

Newsletter

Fast and powerful creation, customizable and responsive.

Read More

Favorites extensions

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