[Tourst]

Всем добрый день!

Столкнулся с проблемой из за не знания на нужном уровне html и css

Есть три кнопки на сайте.

На данный момент сделал так:

При нажатии на первую кнопку, изображение на ней меняется на другое.

При нажатии на вторую и третью аналогично.

Это я осилил, но проблема вся в том, что нужно сделать так, что бы при нажатии на 2 кнопку, у 1 кнопки изображение менялось на исходное.
при нажатии на 3, у 2 менялось на исходную, а при нажатии на 1, у 3 на исходное.

Наблюдать можно на сайте __http://seositesmo.ru/prodvizhenie-sajjta-rss.html#
в низу страницы кнопки фэйсбук и вордпресс.

Долго лазил по гуглу но ничего не нашел подходящего.

Помогите пожалуйста)

[contactreserve]

PHP код:


<img src='http://seositesmo.ru/wp-content/uploads/2012/11/wordpress.png' onclick='this.src="http://seositesmo.ru/wp-content/uploads/2012/11/wordpress1.png"' />
</a></li>
    <li><a href="#fb"><img src='http://seositesmo.ru/wp-content/uploads/2012/11/fb4.png' onclick='this.src="http://seositesmo.ru/wp-content/uploads/2012/11/fbeliii.png"' />
</a></li>
   <li><a href="#vk"><img src='http://seositesmo.ru/wp-content/uploads/2012/11/vk1.png' onclick='this.src="http://seositesmo.ru/wp-content/uploads/2012/11/vk12.png"' />
</a></li><center/> 


Это Ваш код.

1. Каждой картинке дать <img src='...' ID='KNOPKA1' NAME='KNOPKA1'....
2. Обрабочик каждой картинке изменить так

вместо

PHP код:

onclick='this.src="http://seositesmo.ru/wp-content/uploads/2012/11/wordpress1.png"' 


onclick='document.images["KNOPKA1"]="..."; document.images["KNOPKA2"]="..."; document.images["KNOPKA3"]="..."; '

[andre2012]

Tourst,
Для каждой кнопки например Facebook и тд. Прописать hover в ксс

[lodas]

Задача решается обычным javascript при срабатывания события нажатия по нужной кнопке обращайтесь к остальным по id и меняйте картинки:)