Автор: Deff
Скрипт устанавливаем в начало HTML низ (*Если используем скрипт информирующий о новых сообщениях, ставим его раньше данного скрипта
<script><!--Свои картинки в панель навигации со сменой картинки по наведению курсора" -->
navlinks=new Array("navextra1", // Дополнительный пункт меню 1
"Ссылка на картинку","Ссылка на картинку при наведении",
"navextra2", // Дополнительный пункт меню 2
"Ссылка на картинку","Ссылка на картинку при наведении",
"navextra3", // Дополнительный пункт меню 3
"Ссылка на картинку","Ссылка на картинку при наведении","navindex", // Форум
"Ссылка на картинку","Ссылка на картинку при наведении",
"navuserlist", // Участники
"Ссылка на картинку","Ссылка на картинку при наведении",
"navrules", // Правила
"Ссылка на картинку","Ссылка на картинку при наведении",
"navsearch", // Поиск
"Ссылка на картинку","Ссылка на картинку при наведении",
"navprofile", // Профиль
"Ссылка на картинку","Ссылка на картинку при наведении",
"navpm", // Сообщения
"Ссылка на картинку","Ссылка на картинку при наведении",
"navadmin", // Администрирование
"Ссылка на картинку","Ссылка на картинку при наведении",
"navregister", // Регистрация
"Ссылка на картинку","Ссылка на картинку при наведении",
"navlogin", // Войти
"Ссылка на картинку","Ссылка на картинку при наведении",
"navlogout", // Выход
"Ссылка на картинку","Ссылка на картинку при наведении" // !ПОСЛЕДНИЙ элемент без запятой
)
var s0,s1,s2,s3,i; for (i=0; i < navlinks.length; i++){s0=navlinks[i+1];s1="onmouseover=\"this.src='"+navlinks[i+2]+"'\""; s2="onmouseout=\"this.src='"+s0+"'\"";s3='<img class="navlinks" src="'+s0+'" '+s1+' '+s2+' border="0" />';$("#"+navlinks[i]+" a").html("<span>"+s3+"</span>");i++;i++; }
</script>
Вместо красного - Подставляем свою ссылку на картинку
Первые три пункта - можно убрать, если у Вас нет дополнительных(своих) Пунктов меню в Навигации
(или дополнить, если у Вас их большее количество. Нумерация navextraX в первой позиции будет идти далеее: navextra4, navextra5.... и.т.д.)
Названия Доп. пунктов меню, идут по порядку вставленности их в Окно Дополнительные Пункты меню (администрирование-настройки), т.е сверху-вниз, и не зависят от позиции их размещения на панели навигации
*Если всё таки нужна цифра кол-ва сообщений (после картинки -"Cообщения")
Cтавим следущий Скрипт-Заплатку перед предыдущим скриптом:
<script><!--Оставляем цифру Новых сообщений. -->
var clr=($("#navpm a").css("color"));var chng=" (";
var subs="</span><span style=\"color:"+clr+";\" id=\"news_messag\">(";
$("#navpm a").html($("#navpm a").html().replace(chng,subs));
$("#news_messag").appendTo("#navpm");
</script>
!!!Внимание - если вы не хотите, чтобы окружающее изображение дергалось и смещалось до наведения и после: Оба изображения в паре(до наведения и после) должны иметь одинаковый внешний размер!
Теги: Меню, навигация, скрипты,Deff,mybb