Web Publishing for Schools > Joomla - CMS > Common issues >

Create an Image Slide Show

The Image Slide Show module makes it easy to give your site a dynamic look by showing a constantly changing slideshow of images.

Objectives:

Create an Image Slide Show and locate module on the site.
Find a selection of images you would like to be displayed in the module.

For best results use an image editor program to optimise images by:

Cropping and/or resizing the images so that they all have the same height and width using an image editor.
Reducing the file size to less than 100kb and the width to less than 500 pixels.

Create and upload images for the slide show

Log into Joomla as an administrator.
Open Media Manager.
Open (or create then open) a folder called imageslideshow or imagerotator.
Use the browse button to upload your optimised photos.

Configure ImageSlideShow module to display images

Click Extensions > Module Manager and then select the ImageSlideShow link to edit its settings.
Update the module with these settings:
1. Update Title to Our School Pictures.
2. Leave Show Title as no.
3. Set Position to right (right column should be available in all templates)
4. Change Menus: from None to All.
5. Update Image Directory to the folder mentioned above e.g. images/imageslideshow.
6. Remove Height setting.
7. Update "Width..." to "180" pixels

Click "Save" button (top-right).

Title - This is displayed above the module (if enabled)

Position - This controls where on your page this module will be displayed. EG: "right".

Image Folder Path - This tells the module where to find the images. This entry should be changed to the folder mentioned above EG: "images/imageslideshow"

Your new image slide show should now be displaying in the right page module location.

^ Top of page