изменение картинки при изменении урла и наведении курсора

[ahid]

Доброе время суток всем!

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

Делаю всё это в *.php файле модуля mod_jflanguageselection, Джумфиш, Джумла 1.5

1) проблема с тем, как состыковать две записи в коде

а) <a href='#'><img src="images/1.png" onclick="this.setAttribute('src','images/2.png')" />

б) <a href='#'><img src="images/1.png" style="position: absolute; left: ...px; top: ...px;" />
<img border="0" src="images/1.png" onmouseover="this.src='images/2.png'" onmouseout="this.src='images/1.png'" />

По отдельности кнопки функционируют надлежащим образом, а тупо объединив оба кода ничего добиться не могу - кнопка работает только по записи б).

2) пытаюсь настроить изменение картинки в зависимости от последних двух символов урла (by, en, ru) по аналогии с здесь разжёванным Изменение изображения на кнопке в зависимости от текущего url на не знаю куда и что вписывать, совсем не программер и не владею даже базовыми знаниями...

Быть может есть какие иные решения этой проблемы?

Если что-то не достаточно ясно изложено, дайте знать и я отпишусь...

Молю о помощи! В любом случае огромное спасибо.

[Cuntmann]

ваши записи а) и б) отличаются не только тем, что в одной прописан клик, а в другой - реакция на наведение и увод курсора, но и тем, что в первой у вас находится одно изображение, а во второй - два одинаковых. совершенно непонятно каким образом приведенный вами код может изменять картинку (и какую) "в зависимости от последних двух символов урла (by, en, ru)"

[ahid]

пытаюсь понять вами сказанное, сказывается моё гуманитарное образование...

насколько понял, "а во второй - два одинаковых" относится к "img border="0" src="images/1.png" и "onmouseout="this.src='images/1.png'", но если я в онмаусаут поставлю вторую картинку, то в руз-те после увода курсора кнопка "застрянет" в нажатом состоянии, а мне нужно, чтоб она "отжалась", для этого и идёт возврат к первой картинке...

"совершенно непонятно каким образом приведенный вами код может изменять картинку (и какую) "в зависимости от последних двух символов урла (by, en, ru)"

я хочу использовать аналогию с найденным по в/у ссылке

function load_images(){
var img1 = document.getElementById('img1');
(location.pathname.substr(0,4) == 'abcs')?(img1.setAttribute('src' ,'img/1.GIF'))img1.setAttribute('src' ,'img/2.GIF'));
}
window.onload = load_images;

<input name="Button" Id="img1" type="image" />

но очень туманно представляю какие именно манипуляции нужно произвести и что где вписать. Потому задаю наивные вопросы на этом форуме в надежде, что кто-то из сведущих намекнёт на решение...

В бюджете имею 5 долл. США, не бог весть какие деньги, но справедливости ради и задача, полагаю, этим деньгам вполне адекватна. Прокомментируйте, пжл...