Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 17.04.2009, 14:15   #1
AgentVlad
Пользователь
 
Регистрация: 11.10.2008
Сообщений: 34
Лампочка Навигация по картинке с эффектом затемнения

Добрые программисты, помогите любителю.



Вот картинка. Знаю, что навигацию по картинке можно сделать через тэг мап, а как сделать, чтоб при наведении еще загоралась область другим цветом?

Если не ошибаюсь, то можно реализовать через тэг Див?

Можете, если несложно, показать на простейшем примере, как это сделать?

Спасибо.
AgentVlad вне форума Ответить с цитированием
Старый 17.04.2009, 14:22   #2
wall66
Участник клуба
 
Аватар для wall66
 
Регистрация: 04.10.2008
Сообщений: 1,485
По умолчанию

ну во первых, это гораздо легче сделать на флеше

во вторых, тут будет просто меняться картинка при событии onmouseover и возвращаться при onmouseout
Код HTML:
<div style="position:absolute;top:100px;left:100px;width:100px;height:100px;" onmouseover="this.style.backgroundImage='/image_with_highlighted_area.gif'" onmouseout="this.style.backgroundImage='none'"><div>
свободен...
wall66 вне форума Ответить с цитированием
Старый 17.04.2009, 15:04   #3
AgentVlad
Пользователь
 
Регистрация: 11.10.2008
Сообщений: 34
По умолчанию

Можно на примере?
AgentVlad вне форума Ответить с цитированием
Старый 17.04.2009, 15:06   #4
wall66
Участник клуба
 
Аватар для wall66
 
Регистрация: 04.10.2008
Сообщений: 1,485
По умолчанию

Цитата:
Сообщение от AgentVlad Посмотреть сообщение
Можно на примере?
внимательней пожалуйста, пример уже написан
свободен...
wall66 вне форума Ответить с цитированием
Старый 17.04.2009, 15:33   #5
AgentVlad
Пользователь
 
Регистрация: 11.10.2008
Сообщений: 34
По умолчанию

ты не обижайся, но вот что от твоего примера/объяснения понятно
http://autoplats.eu/new

Поэтому просил на примере показать...
AgentVlad вне форума Ответить с цитированием
Старый 17.04.2009, 15:41   #6
wall66
Участник клуба
 
Аватар для wall66
 
Регистрация: 04.10.2008
Сообщений: 1,485
По умолчанию

image_with_highlighted_area переводится как "картинка с подсвеченной областью" (подучите английский)

сделайте изображение каждой области другого цвета (получится столько картинок, сколько у вас имеется областей), затем наложите ровно столькоже дивов поверх общего изображения размерами с нужные области, после этого в каждом событии onmouseover измените путь к картинке на изображение с нужной подсвеченной областью (следует учесть что в css пути к картинкам прописываются как url('путь'))
свободен...
wall66 вне форума Ответить с цитированием
Старый 17.04.2009, 16:12   #7
AgentVlad
Пользователь
 
Регистрация: 11.10.2008
Сообщений: 34
По умолчанию

Спасибо за заботу, но с английским все замечательно (:

Я понимаю, что Ваши знания в разы превышают мои, и так легко говорите, сделайте то, сделай это, поэтому попросил элементарный пример, а не копи-пейст из книги для чайников (:

Все равно спасибо за ваши старания помочь чайнику..

Нужен наипростейший пример, при котором при наведении на ссылку-изображение появляется другая, посредством Див тэга или другие реалиции..

Можно скинуть даже пару уроков на реализации на флеше, благодарю
AgentVlad вне форума Ответить с цитированием
Старый 17.04.2009, 16:23   #8
wall66
Участник клуба
 
Аватар для wall66
 
Регистрация: 04.10.2008
Сообщений: 1,485
По умолчанию

http://maxres.ru/1.htm область jarvamaa


п.с. ни разу в своей жизни не копипастил ни из каких книжек, легче дать на нее ссылку
свободен...
wall66 вне форума Ответить с цитированием
Старый 17.04.2009, 18:02   #9
AgentVlad
Пользователь
 
Регистрация: 11.10.2008
Сообщений: 34
По умолчанию

Благодарю вас за ваше терпение и труд!
AgentVlad вне форума Ответить с цитированием
Старый 18.04.2009, 02:18   #10
RJ Presto
Пользователь
 
Регистрация: 02.04.2009
Сообщений: 17
По умолчанию

тем не менее, лучше сделать на флэше
там можно задать область наведения любой формы
если надо - дам пример
RJ Presto вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Поменять надпись на картинке! Lemo Свободное общение 12 12.02.2009 16:29
Надпись на картинке Lemo Помощь студентам 4 11.02.2009 20:12
Навигация по DBGrid uraura Компоненты Delphi 1 01.11.2008 18:13
Число с BMP картинке JRcoker Общие вопросы Delphi 3 07.10.2008 19:12
Навигация по таблице Натуся Помощь студентам 4 31.10.2007 00:58