joomla lightbox popup

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}

 

 

2. With HTML

2.1 Autoload

If you know how to write some html code, you can use this technique to add the autoload attribute. On your link you must add the attribute data-autoload="1"

Example

<a data-autoload="1" rel="lightbox" href="/images/myimage.jpg" ></a>

2.2 Session count

 

Example of code using the session params:

<a data-autoload="1" data-session="1" rel="lightbox" href="/images/myimage.jpg" ></a>

 

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.

 

2.3 Fade out timer

Example of using the fadeout params:

<a data-autoload="1" data-fadeout="3000" rel="lightbox" href="/images/myimage.jpg" ></a>

The duration is given in ms (millisecond)

You can also combine the session and autoload settings like this

<a data-autoload="1" data-session="3" data-fadeout="3000" rel="lightbox" href="/images/myimage.jpg" ></a>

 

You can give a link to what you want, an image, but also an url. If you want to open an article without the whole template (just the article content), you can use the &tmpl=component parameter in the url.

 

Download Mediabox CK

 

 

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