Create your own image gallery with Page Builder CK and the addon Gallery.

Mediabox CK has a feature that allows you to automatically show a popup on page load.

1. With the tag (Mediabox CK Pro)

1.1 Autoload

Using Mediabox CK Pro, you can use the tag directly with the button editor. In your tag you can add the autoload params to tell the system to open it automatically.

Example :

{mediabox src=images/myimage.jpg|autoload}{/mediabox}

You can place this into an article, in a module or where you want.

1.2 Session count

You can define how many times you want your popup to appear during the visitor session. This can be any numeric value starting from 1

Example of code using the session params:

{mediabox src=images/myimage.jpg|autoload|session=1}{/mediabox}

Note that if you have a cookie blocker (according to the EU law), the counting will start only after the user has accepted to store the cookies.

1.3 Fade out timer

If you want to automatically close the popup after a duration, you can do that also using a parameters.

Example of code using the fadeout params:

{mediabox src=images/myimage.jpg|autoload|fadeout=3000}{/mediabox}

The duration is given in ms (millisecond)

You can also combine the session and autoload settings like this

{mediabox src=images/myimage.jpg|autoload|session=3|fadeout=3000}{/mediabox}

You can create a gallery and show only a limited number of images at once and add a pagination + navigation system to navigate through all the images. This is possible with Mediabox CK.

• 1
• 2
• 3

Créez votre propre galerie d'images avec Page Builder CK et l'addon Gallery.

Mediabox CK a une fonctionnalité qui vous permet d'afficher automatiquement une fenêtre contextuelle lors du chargement de la page.

1. Avec le the tag (Mediabox CK Pro)

1.1 Chargement automatique

En utilisant Mediabox CK Pro, vous pouvez utiliser la balise directement avec l'éditeur de boutons. Dans votre balise, vous pouvez ajouter les paramètres de chargement automatique pour indiquer au système de l'ouvrir automatiquement.

Exemple :

{mediabox src=images/myimage.jpg|autoload}{/mediabox}

Vous pouvez le placer dans un article, dans un module ou où vous le souhaitez.

1.2 Nombre de sessions

Vous pouvez définir combien de fois vous voulez que votre popup apparaisse pendant la session visiteur. Cela peut être n'importe quelle valeur numérique à partir de 1

Exemple de code utilisant le paramètre session :

{mediabox src=images/myimage.jpg|autoload|session=1}{/mediabox}

Notez que si vous disposez d'un bloqueur de cookies (conformément à la législation de l'UE), le comptage ne démarrera qu'après que l'utilisateur aura accepté de stocker les cookies.

1.3 Minuterie de fondu

Si vous souhaitez fermer automatiquement la fenêtre contextuelle après une durée, vous pouvez le faire également en utilisant un paramètre.

Exemple de code utilisant le paramètre fadeout :

{mediabox src=images/myimage.jpg|autoload|fadeout=3000}{/mediabox}

La durée est donnée en ms (milliseconde)

Vous pouvez également combiner les paramètres de session et de fondu comme ceci

{mediabox src=images/myimage.jpg|autoload|session=3|fadeout=3000}{/mediabox}

Use a Labels.txt file for your images

When creating a gallery or importing images from a folder you can use a file to tell what to show on each image.

How to define the title and description of my images ?

You must create a file named : labels.txt

In this file you must write one line per image like this

Image Name.extension | Image Title | Image Description

each setting is separated by a vertical bar "|".

Check an example of what you can write in your labels.txt file.

Make it multilanguage

You can have the same folder for your images and write as many titles and descriptions for your images as languages you have on your website.

The default file is named : labels.txt

Now if you want to write a french language, you must create another file named : labels.fr-FR.txt

The syntax is like this

LABELS.[LANGUAGE TAG].TXT

Then in the file, just write the lines in the same way with the name of your images and the other settings

Order your images

By default the images will be sorted by natural order (like alphabetical). But you may want to sort your images in a custom order, you can do it !

You must enable the order using the parameter in the tag like this :

Then the system will follow the order of the images that you set in the labels.txt file. Easy as pie :)