Adding A Lightbox

A Tutorial on adding a lightbox pop-up to your image.


In this tutorial we will teach you how to add a lightbox pop-up to an image like this one:
logo-final-notext_transparentbackground

Firstly, Click the Insert/edit image icon in the toolbar.
insert-edit
Clicking this will display a pop-up menu from which you can upload your images.


Now, click the Upload icon on the right of the pop-up to display the upload options.
uploadbutton




Once this menu appears click the Add button to browse and select an image from your local files.
Once you have selected your required image, tick the thumbnail box and then the upload button.
add


When your file has finished uploading, close the pop-up window to return to the manager screen.
Navigate to the Popup tab and tick the enable box.
Select JCE Utilities from the drop-down menu and double click the file you wish to use.
A Pop-up will then ask if you would like to Use associated thumbnail, click yes and then insert to insert the file into your document.
thumbnail

Congratulations, you have now created a lightbox pop-up.

Meet The Team

Ever wondered who the team are behind your development? Well now you can find out!
Head over to the Meet The Team page to learn about the Phoenix Development Team.
readmore

Design & Development Portfolio

Here at Phoenix, We have an extensive list of clients.
We have compiled a list of case studies for you to view.
readmore