Изображение для меню + hover - Joomla 2.5: Общие вопросы

Товарищи, всем доброго.
Проблема следующая. Есть шаблон, через админку Joomla сделано меню из n пунктов. Каждый пункт меню - отдельное изображение, разгруженное и выбранное с помощью той же админки ("Параметры отображения ссылки -> Изображение ссылки"). Работает все замечательно, изображение показывается. Однако теперь проблема следующая - как сделать стандартную замену изображения при наведении курсора (hover)? Можно ли это сделать с помощью суффикса класса? Пробовали создавать .moduletable_class1 с соотв. параметрами на ховер и смену изображения и затем прописывать суффикс класса соответствующему пункту меню, но не работает.
Как сделать смену изображения при наведении у сделанного с помощью админки меню?

Заранее огромнейшее спасибо.

либо c помощью js подменять картинки либо удалить картинки в пунктах меню, добавить классы каждому пункту и в CSS уже бекграундом задавать картинки к пунктам, второй способ лучше.

Можно сделать спрайт из изображений, а по ховеру просто позиционировать их. Шаблон поправить, чтоб загружаемая картинка бекграундом была.

ну как-то так можно попробовать


как там у вас все расположено я не знаю. смысл такой - при наведении на ссылку даем ей фоном свою картинку и прячем установленную

Это чревато паузой при загрузке изображения по ховеру. Спрайт обязателен.

Так не будет задержки, если лень в спрайт собирать. Вариант два: data:uri внедрить. css-ка уже загружена будет.

да можно и спрайтом. родительскому LI задать высоту/ширину нужную и оверфлоу хидден. а по ховеру поднять имдж на нужную высоту вверх

P.S. и прав женя если data:uri, то и задержки не будет

Господа, всем спасибо за ответы