Sunday, 29 December 2013 23:15

Video Tutorial: How to Add Lightbox Image Galleries to Joomla and K2 Articles

Written by
Rate this item
(0 votes)

This video tutorial demonstrates how to implement lightbox galleries within Joomla Articles, as well as with in the k2 Article component.  

As with any function ability, there are various 3rd party components that will provide any given function ability. 

This article documents the step-by-step process and provides links to the plugin and module utilized in this video tutorial. 

Continue reading to view all the steps required to achieve image gallerie lightbox gallery within your Joomla articles.

Step One: Install the Required Plugin and Module

 In order to achieve the functions described in the video you will need to install the two following components:

  1. Articles Anywhere Plugin which is available for download here:
  2. Simple Image Gallery Module which is available for download here:

Both of these components are available on the Joomla Extensions Directory:

Step Two: Format Images for Use on Website

After ensuring that you have the forementioned plugin and module installed in your Joomla CMS, this video tutorial demonstrates how to resize your images for use on your Joomla Website. Many components will automatically resize your images. However it is best to utilize an offline image editor to ensure sizing and quality of images. This video tutorial also demonstrates the use of the Adobe Photoshop Program whcih is available for download and purchase under the Adobe Creative Cloud.  If you do not have a photo editor and seek an opensource solution to image editing then I recommend the use of GIMP. Gimp is a FREE opensource solution to image editing that provides much of the same photo editing capabilities as photoshop.

JOOMLA MEDIA MANAGERStep Three: Upload Images Using the Joomla Media Manager

  1. Navigate to your "media manager" using your Joomla admin menu Content /Media Manager
  2. Create Folder
  3. Upload Images using the Joomla Media Manager

JOOMLA plusStep Four: Create Module 

  1. Navigate to your "module manager" using your Joomla admin menu Extensions/Module Manager
  2. Select the new module button 
  3. Select Simple Image Gallery Module
  4. Configure Image Gallery Module 
    1. Name Module
    2. Select Image Directory
    3. Set Thumbnail Sizing

MODULE ANYWHEREStep Five: Insert Module into Article

  1. Navigate to your "Joomla article manager" or "k2 Article Manager" using your Joomla admin menu 
  2. Insert Simple Image Gallery Module using the Modules Anywhere Function in your article editor.

AdverGroup Web Design specializes in installing and configuring the Joomla Content Management System for clients seeking a professional website. We often recommend the use of the Joomla CMS because it is so easy to use. 



Read 42592 times Last modified on Tuesday, 07 January 2014 00:21