Форум
Написать нам
  • Страница 1 из 1
  • 1
Замена области изображения при наведении
SergДата: Суббота, 04 Июля 2009, 21:08 | Сообщение # 1
Ветеран форума
Группа: Проверенные
Сообщений: 959
Репутация: 6
Награды: 8
Статус: Offline
Как сделать чтобы при наведении курсора на изображение,это изображение заменялось на другое(в HTML)

 
SergДата: Суббота, 04 Июля 2009, 21:25 | Сообщение # 2
Ветеран форума
Группа: Проверенные
Сообщений: 959
Репутация: 6
Награды: 8
Статус: Offline
Вот есть карта

Мне надо чтобы при наведении на область посёлка Первомайский вместо этой области показывался другой рисунок,вот этот напрмер
Прикрепления: 9911172.jpg (274.4 Kb)


 
YURIYДата: Суббота, 04 Июля 2009, 21:27 | Сообщение # 3
Злостный админ
Группа: Администраторы
Сообщений: 3018
Репутация: 71
Награды: 28
Статус: Offline
Quote (Serg)
Как сделать чтобы при наведении курсора на изображение,это изображение заменялось на другое

Code
<img src="1.jpg" onMouseover="this.src = '2.jpg'" />

Написал закрытими глазами. А что, поисковиков мало?



Вечная память Андрею Сергееву!
 
SergДата: Суббота, 04 Июля 2009, 21:32 | Сообщение # 4
Ветеран форума
Группа: Проверенные
Сообщений: 959
Репутация: 6
Награды: 8
Статус: Offline
Юрий,не ругай лентяя redface

Добавлено (04 Июль 2009, 21:32)
---------------------------------------------
Только теперь вопрос с областью


 
YURIYДата: Суббота, 04 Июля 2009, 21:34 | Сообщение # 5
Злостный админ
Группа: Администраторы
Сообщений: 3018
Репутация: 71
Награды: 28
Статус: Offline
:)

Учи JavaScript :) Классная вещь, кстати!

Добавлено (04 Июль 2009, 21:34)
---------------------------------------------

Quote (Serg)
Мне надо чтобы при наведении на область посёлка Первомайский вместо этой области показывался другой рисунок

Изучи тег html - map.

http://htmlbook.ru/html/map.html

Разбей рисунок на области, замену сделать легко по аналогии с помощью JS.



Вечная память Андрею Сергееву!
 
SergДата: Суббота, 04 Июля 2009, 21:34 | Сообщение # 6
Ветеран форума
Группа: Проверенные
Сообщений: 959
Репутация: 6
Награды: 8
Статус: Offline
Code
<img src="1.jpg" onMouseover="this.src = '2.jpg'" />

Один раз работает,как сделать чтобы при убирании курсора с обьекта возвращался ервоначальный рисунок


 
YURIYДата: Суббота, 04 Июля 2009, 21:36 | Сообщение # 7
Злостный админ
Группа: Администраторы
Сообщений: 3018
Репутация: 71
Награды: 28
Статус: Offline
Аналогично:

Code
<img src="1.jpg" onMouseOver="this.src = '2.jpg'" onMouseOut="this.src = '1.jpg'" />



Вечная память Андрею Сергееву!
 
SergДата: Суббота, 04 Июля 2009, 21:37 | Сообщение # 8
Ветеран форума
Группа: Проверенные
Сообщений: 959
Репутация: 6
Награды: 8
Статус: Offline
Quote
Изучи тег html - map.
http://htmlbook.ru/html/map.html
Разбей рисунок на области, замену сделать легко по аналогии с помощью JS.

Спасибо.


 
toizyДата: Суббота, 04 Июля 2009, 21:37 | Сообщение # 9
Студийная субстанция
Группа: Администраторы
Сообщений: 2309
Репутация: 29
Награды: 12
Статус: Offline
Quote (Serg)
onMouseover

если есть onMouseover, значит, должен быть и onMouseleave или как-то так...


Жизнь оказалась не такой уж и забавной, как поначалу...
 
  • Страница 1 из 1
  • 1
Поиск: