'Wonderful Image Galleries' is a module for Joomla! 3.0 and higher. It is a gallery module with animated transitions. I may add even more animations than those available now, provided there is enough support from the Joomla! community.

You can learn everything you'll ever need to know about the 'Wonderful Image Galleries' in this article.

Browser support

The 'Wonderful Image Galleries'-module should work in all major webbrowsers. If you have any issues displaying the 'Wonderful Image Galleries' in any browser, please leave some feedback using the contact form on this website.

Installation

The installation process is fairly straightforward. 

  • You can download the package and install it on your Joomla! site.
  • Alternatively you can install it by using this url (click to copy): http://www.webimprovement.eu/downloads/wig/latest/wig_v1.0.0.zip.

For further documentation on the installation process check out Joomla!'s module installation documentation.

Setting up 'Wonderful Image Galleries'

After you are done installing the module, you are ready to use the module.

  1. Create and select a folder containing the images:

    We created a folder for you in Joomla!'s media manager. The folder is called 'image_galleries'. In this folder you can place other folders containing the images you want to display in the image gallery. We already placed an example folder with images in there for you, so you can skip this step if you just want to try the module out.

  2. Create a module:

    Now you need to create a new 'Wonderful Image Galleries'-module. You can do this by going to extensions ➛ modules and click on the green new button. There you can select the 'Wonderful Image Galleries' and create a new gallery. Just give it a title and save it.

  3. Insert the module in an article or module position:

    You can assign the 'Wonderful Image Gallery' to a module position. Alternatively you can insert it in an article after clicking the Module button in Joomla!'s text editor. Do make sure that you have enabled the module assignment on the particular page, or it won't show up. (You can change this by editing the module and take a look at the module assignment tab).

  4. Change the colors and animation type to your taste:

    If you open your website now, you can see the 'Wonderful Image Gallery' in action. But it isn't very impressive yet. You are probably using the example images we provided and the default animation (no animation) is selected. Maybe the colors don't fit your theme either. But don't worry, it's all customisable!

    It is very easy to change the settings settings of the module. We recommend to just play around with them, since they are very intuïtive.

  5. Done!

Examples

Time for some examples! I just made a few examples and described the settings below it. So you can get some inspiration. 

Animate width

animation settings
animation-type width
animation-duration 1000
animation-interval 5000
color scheme
border-color #fff5e5
module's background-color #fff5e5
image's background-color #000000
play and pause button's icon color #ffffff
play and pause button's color #fabe62

Animate Bubbles

animation settings
animation-type bubbles
animation-duration 1000
animation-interval 3000
color scheme
border-color #dde1e6
module's background-color #ffffff
image's background-color #000000
play and pause button's icon color #ffffff
play and pause button's color #dce4f5

No Animation (vanilla)

animation settings
animation-type No Animation (vanilla)
animation-duration 1000
animation-interval 3000
color scheme
border-color #dde1e6
module's background-color #ffffff
image's background-color #000000
play and pause button's icon color #ffffff
play and pause button's color #dce4f5

Any questions, suggestions or feedback?

If you have any questions, suggestions or feedback about the 'Wonderful Image Galleries'-module for Joomla!, feel free to send a message with the contact form.