Смена картинок при нажатии

(Ответов: 3, Просмотров: 8097)
  1. Banned
    • Регистрация: 18.09.2012
    • Сообщений: 128
    • Репутация: 16
    Всем добрый день!

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

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

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

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

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

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

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

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

    Помогите пожалуйста)
    • 0
  2. Banned
    • Регистрация: 30.01.2012
    • Сообщений: 389
    • Репутация: 101
    • Webmoney BL: ?
    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"]="..."; '
    • 1

    Спасибо сказали:

    Tourst(10.11.2012),
  3. Дипломник Аватар для andre2012
    • Регистрация: 01.02.2012
    • Сообщений: 113
    • Репутация: 1
    Tourst,
    Для каждой кнопки например Facebook и тд. Прописать hover в ксс
    • 0
  4. Студент Аватар для lodas
    • Регистрация: 30.10.2012
    • Сообщений: 68
    • Репутация: 5
    Задача решается обычным javascript при срабатывания события нажатия по нужной кнопке обращайтесь к остальным по id и меняйте картинки:)
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Смена URL
Общие вопросы поисковой оптимизации 5 11.11.2012 04:08
Смена CMS
CMS 5 10.06.2012 16:04
jquery смена картинок
Web программирование 1 23.09.2011 15:34
Смена CMS
Вопросы от новичков 10 08.01.2010 00:24

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры