Slideshow is one of my favorite effects, and there are many Joomla! modules available to achieve this effect. For example, take a look at AJAX Header Rotator, which is available at http://extensions.joomla.org/extensions/photos-a-images/images-rotators/10036.
Or, you can simply perform a search in the Joomla! Extension Directory (JED) for "AJAX header rotator" and download the module—do so now, so that you can follow the example. After downloading the ZIP file, go to Extensions | Install/Uninstall, select the file, and click on Upload File and Install. After installing the file, on navigating to Extensions | Module Manager you will see that the AJAX Header Rotator module is still not enabled, so we will enable it.
Next, we are going to upload some images. You can upload any image whose
dimensions are 587 x 257 px. However, if you wish, you can use
image_3.png
and image_4.png
provided in the code
bundle.
Navigate to the Media Manager, then to
the stories
folder, create a folder called
module_1
, and upload the images to this folder. After uploading the
images, we can return to Extensions | Module
Manager and open our AJAX Header
Rotator module. Here you will see the module parameters, as shown in
the following screenshot:
Let's go through these parameters:
images/stories/module_1
as the path.
For now, we are not going to use links in the images, so leave the other parameters at their default values. Before saving these changes, remember to select the module position value to module_1, as we will use this in our example.
On refreshing our site, you will see something similar to the following screenshot:
I've tried to capture the very moment of the transition between two images. However, you will surely see it better on your own Joomla! installation, so why don't you try it?
Let me suggest some slideshow modules in case you would like to try them out. You can find all of them by searching the JED:
18.188.187.165