Не получается, чтобы при щелчке по определенной картинке пункта меню joomla она заменялась на другую и оставалась такой до щелчка по другому пункту, причем для каждого пункта разную. Может в скрипте дело.
Вот то что имею.
sfHover = [B][COLOR=#003366]function[/COLOR][/B][COLOR=#66cc66]()[/COLOR] [COLOR=#66cc66]{[/COLOR]
[B][COLOR=#003366]var[/COLOR][/B] sfEls = document.[COLOR=#006600]getElementById[/COLOR][COLOR=#66cc66]([/COLOR][COLOR=#3366cc]"ja-cssmenu"[/COLOR][COLOR=#66cc66])[/COLOR].[COLOR=#006600]getElementsByTagName[/COLOR][COLOR=#66cc66]([/COLOR][COLOR=#3366cc]"li"[/COLOR][COLOR=#66cc66])[/COLOR];
[B][COLOR=#000066]for[/COLOR][/B] [COLOR=#66cc66]([/COLOR][B][COLOR=#003366]var[/COLOR][/B] i=[COLOR=#cc0000]0[/COLOR]; i<sfEls.[COLOR=#006600]length[/COLOR]; ++i[COLOR=#66cc66])[/COLOR] [COLOR=#66cc66]{[/COLOR]
sfEls.[COLOR=#006600]onmouseover[/COLOR]=[B][COLOR=#003366]function[/COLOR][/B][COLOR=#66cc66]()[/COLOR] [COLOR=#66cc66]{[/COLOR]
clearTimeout[COLOR=#66cc66]([/COLOR][B][COLOR=#000066]this[/COLOR][/B].[COLOR=#006600]timer[/COLOR][COLOR=#66cc66])[/COLOR];
[B][COLOR=#000066]if[/COLOR][/B][COLOR=#66cc66]([/COLOR][B][COLOR=#000066]this[/COLOR][/B].[COLOR=#006600]className[/COLOR].[COLOR=#006600]indexOf[/COLOR][COLOR=#66cc66]([/COLOR][COLOR=#3366cc]"sfhover"[/COLOR][COLOR=#66cc66])[/COLOR] == [COLOR=#cc0000]-1[/COLOR][COLOR=#66cc66])[/COLOR]
[B][COLOR=#000066]this[/COLOR][/B].[COLOR=#006600]className[/COLOR]+=[COLOR=#3366cc]"sfhover"[/COLOR];
[COLOR=#66cc66]}[/COLOR]
sfEls.[COLOR=#006600]onmouseout[/COLOR]=[B][COLOR=#003366]function[/COLOR][/B][COLOR=#66cc66]()[/COLOR] [COLOR=#66cc66]{[/COLOR]
[B][COLOR=#000066]this[/COLOR][/B].[COLOR=#006600]timer[/COLOR] = setTimeout[COLOR=#66cc66]([/COLOR]sfHoverOut.[COLOR=#006600]bind[/COLOR][COLOR=#66cc66]([/COLOR][B][COLOR=#000066]this[/COLOR][/B][COLOR=#66cc66])[/COLOR], [COLOR=#cc0000]20[/COLOR][COLOR=#66cc66])[/COLOR];
[COLOR=#66cc66]}[/COLOR]
[COLOR=#66cc66]}[/COLOR]
[COLOR=#66cc66]}[/COLOR]
[B][COLOR=#003366]function[/COLOR][/B] sfHoverOut[COLOR=#66cc66]()[/COLOR] [COLOR=#66cc66]{[/COLOR]
clearTimeout[COLOR=#66cc66]([/COLOR][B][COLOR=#000066]this[/COLOR][/B].[COLOR=#006600]timer[/COLOR][COLOR=#66cc66])[/COLOR];
[B][COLOR=#000066]this[/COLOR][/B].[COLOR=#006600]className[/COLOR]=[B][COLOR=#000066]this[/COLOR][/B].[COLOR=#006600]className[/COLOR].[COLOR=#006600]replace[/COLOR][COLOR=#66cc66]([/COLOR][B][COLOR=#003366]new[/COLOR][/B] RegExp[COLOR=#66cc66]([/COLOR][COLOR=#3366cc]"sfhover[/COLOR][B][COLOR=#000099]\\[/COLOR][/B][COLOR=#3366cc]b"[/COLOR][COLOR=#66cc66])[/COLOR], [COLOR=#3366cc]""[/COLOR][COLOR=#66cc66])[/COLOR];
[COLOR=#66cc66]}[/COLOR]
[B][COLOR=#000066]if[/COLOR][/B] [COLOR=#66cc66]([/COLOR]window.[COLOR=#006600]attachEvent[/COLOR][COLOR=#66cc66])[/COLOR] window.[COLOR=#006600]attachEvent[/COLOR][COLOR=#66cc66]([/COLOR][COLOR=#3366cc]"onload"[/COLOR], sfHover[COLOR=#66cc66])[/COLOR];
CSS
#ja-cssmenu li a {
display: block;
text-decoration: none;
font-size: 80%;
color: #395467;
padding: 60px 20px;
font-weight: bold;
text-transform: uppercase;
}
.menu-item0{
background: url(../../images/company.jpg) no-repeat center bottom;
}
.menu-item1{
background: url(../../images/production.jpg) no-repeat center bottom;
}
.menu-item2{
background: url(../../images/news.jpg) no-repeat center bottom;
}
.menu-item3{
background: url(../../images/partners.jpg) no-repeat center bottom;
}
.menu-item4{
background: url(../../images/publications.jpg) no-repeat center bottom;
}
.menu-item5{
background: url(../../images/questions.jpg) no-repeat center bottom;
}
.menu-item6{
background: url(../../images/contacts.jpg) no-repeat center bottom;
}
#ja-cssmenu li a:hover,
#ja-cssmenu li a:active,
#ja-cssmenu li a:focus {
color: #395467;
}
#ja-cssmenu li:hover a,
#ja-cssmenu li.sfhover a,
#ja-cssmenu li.havechildsfhover a,
#ja-cssmenu li.havechild-activesfhover a {
background: url(../../images/mainnav-active.gif) no-repeat center;
color: #FFFFFF;
}
#ja-cssmenu li a.active,
#ja-cssmenu li a.active:hover,
#ja-cssmenu li a.active:active,
#ja-cssmenu li a.active:focus {
background: url(../../images/mainnav-active.gif) no-repeat center;
color: #FFFFFF;
}
не плодите темы
Apay