Notice: Undefined offset: 1 in /home/dartcr6/collectiveray/plugins/content/adsense/adsense.php on line 82

Notice: Undefined variable: align in /home/dartcr6/collectiveray/plugins/content/adsense/adsense.php on line 88

Joomla 1.5 Main Menu Images Module

This module enables you to create a main menu with images only. 

Following the success of the original version of Main Menu Images module for Joomla 1.0, this version is a hack of the 1.5 menu module, which allows images in menus without any text.


Joomla 2.5 / 3.0

Joomla 1.5 (no longer available)


To install the module, simple go to Extensions Install / Uninstall, choose the file you have downloaded above and click on the Upload File and Install button. 


This module has been written for Joomla 1.5 and thus supports Joomla 1.5 natively.


The configuration of the module is done via Extensions > Module Manager. Click on the Joomla 1.5 Main Menu Images item. You will need to enter the images for the menu item when creating the actual menu items. The only configuration necessary at the module level will be the menu to display, and the normal module parameters such as position and ordering. There is also an option which allows you to hide the bullets. The only layout supported by this module is the List layout. Legacy layouts are not supported.

Example Setup

Configuration happens in three steps.

1. Upload the images you want to use to the stories folder via the Media Manager


2. Click on the menu which you want to replace with main menu images





3. Choose the picture you want to display from the images you have uploaded in the Menu Image parameter



 4. In the Module Parameters (Extensions > Module Manager > JoomlaMain Menu Images) choose the menu you want to display in the module.



 The end result after you do this for each menu item is the following:



 Please do vote for us or write a small review on the Joomla Extensions site if you like this module:

Hover Images

The module now supports easy configuration of the hover images. We are now including a javascript file which when enabled, will enable hover images.

The images possible are now:

1. Normal Image

2. Hover Image

3. Active Image

4. Active Hover Image

To enable the menu you need to add the following lines to the <head> section of the index.php of the template you are using.

  $document = &JFactory::getDocument();
  $document->addScript( 'modules/mod_j15mainmenuimages/imgchange.js' );

Now in the same folder where there is your original image, you need to create the additional three versions of the image, and give them the exact following names:

1. Normal image: image.jpg

2. Hover image: image-hover.jpg

3. Active image: image-active.jpg

4. Active hover: image-active-hover.jpg

If you don't want any one of the images, simply create the image with that name, but put the normal image. This ensures that there isn't any error.  The menu style must be list, and if you want active highlighting, Full Active Highlighting must be on in the parameters of the module.

Change Background On Mouse Over

Changing the image when passing the mouse over the image is not strictly possible (currently). However, to achieve a similar effect, it is possible to change the background of the image using CSS.

The following is an example:

li.item55:hover {
  img:url(//; }

The above entry in the stylesheet will create an effect on the li with class "item55" will achieve the on mouse over background effect. You'd need to create an entry in the stylesheet for each menu item which you want this effect on. 

Do you like this module? - Buy me a beer (€3)

If you liked this module, please consider buying me a beer. Every drop counts! No guarantees that any donations will be spent on new development rather than beer, though every effort will be made to spend all donations on new developments! This module is another module by CollectiveRay - the web design blog.

Please use the Donate button to donate via Paypal.


Please post to the comments if you need help in configuring the module.



One more thing... Did you know that people who share useful stuff like this post look AWESOME too? ;-)
Please leave a useful comment with your thoughts, then share this on your Facebook group(s) who would find this useful and let's reap the benefits together. Thank you for sharing and being nice!

Featured On

Inc Magazine Logo  

Sitepoint logo  

CSS Tricks logo   

webdesignerdepot logo   WPMU DEV logo   

and many more!


Get Started Now With ShutterstockShutterstock

Best Rated Caching Plugin

Make your website faster 

Monstrous B-Day Party

CLICK HERE for discounts!

Monstrous bday party

How to make your website FAST!

Step-by-step - free email course, how to make your website load in less than 1 second 


The Outstanding HungryJPEG Bundles

AWESOMENESS! Bundles of premium font + graphic packs at more than 96% OFF!  Get a bundle for just $9 - ONLY!

The Hungry JPEG Awesome font bundles


Work with

CollectiveRay (formerly known as DART Creations) is interested in developing partnerships with mutual benefit. If you like the stuff we publish and would like to develop a relationship, we'd be happy to hear from you. Go on - drop us a line - we'd love to hear from you :-)


Disclosure: CollectiveRay is funded personally out of pure passion for helping people working with websites. We do however generate some income through recommendations of products. This means if you click on a link and purchase an item we link to, we will receive a small sum out of that sale. We usually partner with vendors to make your purchase cheaper than buying direct.


InMotion Hosting CollectiveRay Deal

who are we?

CollectiveRay is run by David Attard - working in and around the web design niche for more than 12 years, we provide actionable tips for people who work with and on websites. We also run - a website for drone hobbyists.

David attard

Follow us on Social

Follow us on Facebook   Subscribe to our RSS Feed   Follow us on Twitter


Where are we hosted?

This site is proudly powered by FAST VPS InMotion Servers and given an insane speed thanks to StackPath CDN!

Web Hosting stackpath


Popular Content

Joomla extensions to take your website to the NEXT level

Is your Joomla website reaching its full potential? We install many of these extensions on almost ALL of our Joomla sites - why don't you check them out our list of Joomla Extensions and see whether you can take your site to the next level?