Привет всем!
не знаю, отвечаете ли вы по Jquery, ведь сайт по javascript, но все же...
есть простой скрипт:
$('a.menu').hover(
function() { //при наведении курсора:
id = $(this).attr('id');
num = id.replace(/menu(\d+)/gi, '$1'); //выделяем порядковый номер меню
$('#img'+num).attr('src', 'img/menu/'+num+'.png');
},
function() { //при уходе курсора с области реагирования hover:
id = $(this).attr('id');
num = id.replace(/menu(\d+)/gi, '$1');
if ($(this).hasClass('site_active')) return false; //если объекту соответствует класс 'site_active', обратно картинку не меняем.
$('#img'+num).attr('src', 'img/menu/menu'+num+'.png'); //возвращаем предыдущую картинку
}
);
суть:
у каждого объекта меню есть пара картинок:
например: menu1.png - по дефолту и
1.png - для события hover
тоже самое планирую сделать для других ссылок, вне меню.
Вопрос:
как автоматически вычислять вот эту вот часть: " 'img/menu/ " ?
то есть, мне надо, шобэ скрипт мог сам узнать из какой папки загрузилась картинка?
Смысл:
как многие наверное знают Осел 6 не отрабатывает события OnMouseOver и OnMouseOut для тега <img>. скрипт обходит эту ошибку, но на сайте достаточно картинок, которые меняются по наведению, расположены в разных папках (в зависимости от принадлежности), и имеют соответственно разные классы для ссылок, не только class='menu' (а.menu).
хоцца:
менять все картинки ОДНИМ скриптом.
заранее спасибо!