Popup Plugin for Joomla [Slimbox]

A Plugin which can solve lightbox issue with your images!!!

Note : Any issue let me know. Joomla latest version (3.8.3) tested and working great 🙂

Slimbox is a nice Lightbox plugin updated and fixed by Syed Ashik Mahmud, For more information, see http://www.digitalia.be/software/slimbox

How to use

{slimbox images/img_1.jpg,images/timg_1.jpg,Things I like; images/img_2.jpg, images/timg_2.jpg, Why does this happen to me?; images/img_3.jpg,images/timg_3.jpg, when will it end?; images/img_4.jpg,images/timg_4.jpg}

– To use the plugin, simply type the above into your Joomla! article.

– You can have multiple {slimbox x,x,x } galleries.

– Or, you can show only a single image with slimbox.

– Each image string can have three parts separated by the comma: “,” — the regular sized image, the thumbnail and the caption.

– You must specify the first two values; if you do not have a thumbnail to display, simply repeat the name of the regular sized image.

– Images must be specified from the baseURL, absent the first slash, and should not have quotes (Correct: images/amy.jpg — Incorrect: “/images/amy.jpg”)

– Captions should follow the second image and a comma and should not have quotes or commas or semicolons.

– If you do not want captions for a specific image, or if you do not want captions for any of your images, you can simply omit the third part of the image string.

– Image strings must be separated by the semicolon: “;”

– On the webpage, itself, you can display all of the thumbnails or only the first. If you only want one thumbnail to show, add the word “single” in lowercase, following the “{slimbox” literal.

Please let me know of any problems you might have. Have fun with Joomla!.

Use like : {slimbox images/stories/commercial-windows-building.jpg, images/stories/commercial-windows-building.jpg, Commercial Windows (NSW) Pty Ltd 44 Sandringham Avenue Thornton N.S.W 2322}

Mean : {slimbox Full-Image-Link, Thumb-Link, Caption}

Add the rel=”lightbox” attribute to the links pointing to your full-sized images. Use the optional title attribute if you want to show a caption:

Example :

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

For sets of related images that you want to group and make navigable, add a group name to the rel attribute just after the “lightbox” word, for example:
Example :

<a href="images/image-1.jpg" rel="lightbox-atomium">image #1</a>
<a href="images/image-2.jpg" rel="lightbox-atomium">image #2</a>
<a href="images/image-3.jpg" rel="lightbox-atomium">image #3</a>

Error: Please enter a valid email address

Error: Invalid email

Error: Please enter your first name

Error: Please enter your last name

Error: Please enter a username

Error: Please enter a password

Error: Please confirm your password

Error: Password and password confirmation do not match