Eenvoudig menu met afbeeldingen en hover/active/etc.

Doorgaans maak ik het menu voor een Joomla website middels CSS styling. In dit specifieke geval wil ik voor het menu gebruik maken van afbeeldingen. Middels deze code (in een custom HTML module) wordt de witte variant van een afbeelding getoond bij mouseover, dat werkt prima.

Echter, ik wil ook de witte afbeelding (button_home_wit.png) tonen horende bij de op dat moment geopende pagina, status active dus. Krijg dit helaas niet voor elkaar, en ik vraag me af of het überhaupt wel mogelijk is.

Als alternatief vind ik het prima om een extension te gebruiken waarbij je eenvoudig voor elke status een afbeelding kunt kiezen, deze heb ik echter niet kunnen vinden.

Iemand die me met een van de twee opties verder op weg kan helpen?

Edit Jelle. Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.

Ik kan je verhaal helaas niet volgen. Gaat dit nu over een menu over over een aangepaste html module? Je titel zegt het een en je uitleg het ander.

Astrid schreef : Ik kan je verhaal helaas niet volgen. Gaat dit nu over een menu over over een aangepaste html module? Je titel zegt het een en je uitleg het ander.

Wellicht wat verwarrend omschreven, daarom hierbij nogmaals.

Wat de bedoeling is:

Gezien het feit ik in dit specifieke geval het menu wil opbouwen met plaatjes (plaatjes v1 bij normale weergave, bij mouse-over plaatjes v2), heb ik hiervoor een module met custom HTML gebruikt, in deze module heb ik bovenstaande code gebruikt. Dat werkt prima.

Wat ik nu nog wil: wanneer een pagina aangeklikt wordt, plaatje v2 laten zien van de pagina die op dat moment geopend is. Normaal kan dit middels CSS :active, maar in dit geval zal het wat anders moeten verwacht ik.

Een alternatief voor deze custom code is de inzet van een menu module waarbij per menu-item een plaatje geselecteerd kan worden, ook voor de verschillende events (mouse-over, active,etc).

Hopenlijk is het nu duidelijker?

Lijkt me handiger om dat met een menu-extensie te doen. Bijvoorbeeld deze of deze .

Of maak gebruik van het standaard Joomla menu, maak hier de variant die je wilt en voeg de voor Joomla benodigde code toe.

Dank voor de tip, met de module Main Menu Images ( extensions.joomla.org/extensions/structu...ems/image-menus/3675 ) kom ik een heel eind. Het stukje "Hover Images" hier www.dart-creations.com/joomla/joomla-mod...u-images-module.html gaat echter de mist in, er wordt daar gedoeld op een 1.5 versie. In de 2.5 versie van de module is er bijvoorbeeld geen imgchange.js welke genoemd wordt in het stukje code dat aan de index.php toegevoegd moet worden.

Inmiddels "overal" gezocht, maar kan geen oplossing voor ditzelfde in een Joomla 2.5 omgeving vinden. Iemand een aanknopingspunt voor mij?