[Решено] mod_mainmenu активный пункт картинкой - Joomla 2.5: Общие вопросы

Используем mod_mainmenu, в нем создаем меню, каждый пункт - картинка.

Вопрос: как в этом случае подсветить активный пункт меню, то есть в активный пункт грузить другую картинку?

Если не подходят более-менее стандартные способы (прозрачность, границы и т.д.), то только картинкой. Желательно, засунуть все состояния кнопки в один спрайт.

Если не подходят более-менее стандартные способы (прозрачность, границы и т.д.), то только картинкой. Желательно, засунуть все состояния кнопки в один спрайт.

Можете тоже-самое объяснить на пальцах?
Варианты с фоном, прозрачностью, границами не подходят.

Про спрайты? Посмотрите в Google "что такое CSS спрайт".

Спасибо. Со спрайтами понял.
Даже нашел такую тему http://joomlaforum.ru/index.php?topic=111613.0.
Но, как это применить к Joomla 2.5 ума не приложу. У меня модуль называется mod_menu и там все не так, как написано в приведенной выше теме.

Зачем такие сложности, если у каждого пункта меню есть свой класс, к которому можно привязать любое фоновое изображение?

Sliapy, с тем же успехом можно меню вручную сделать.

Проблема решена. Правда, криво, ибо я не программист.
В /modules/mod_menu/tmpl/default_component.php есть переменная $item->menu_image, содержащая URL изображения, присвоенного ссылке.
После case 0: идет вывод ссылки пункта меню. Присваиваем ей бэкграунд, в качестве адреса используем $item->menu_image.

<?php echo $linktype; ?> - насколько я понял - это вывод сформированной до этого ссылки в виде текста или картинки. Поскольку у меня в меню только картинки, эту строчку я удалил. Вместо нее повесил картинку <img style="visibility: hidden;" src="<?php echo $item->menu_image; ?>">. Сделал я эту кракозябру потому, что не смог иначе контролировать размер ссылки, а так размер ссылки соответствует размеру картинки, которая у нас скрыта.

В итоге у меня получилась такая строчка

<a style="background-image: url( <?php  echo ("'"); echo $item->menu_image; echo ("');"); ?>;" <?php echo $class; ?>href="<?php echo $item->flink; ?>" <?php echo $title; ?>><img style="visibility: hidden;" src="<?php echo $item->menu_image; ?>"></a>

В качестве фона используем спрайт (спасибо Sliapy), и сдвигаем его посредством CSS ul.menu_(суффикс) li.active a {background-position: 0 -20px;}.

Как-то так. Если кто-то найдет более изящное решение или перепишет мой поток сознания литературным языком - заранее большое спасибо