Javascript-форум (https://javascript.ru/forum/)
-   Оффтопик (https://javascript.ru/forum/offtopic/)
-   -   JavaScript + div = ? (https://javascript.ru/forum/offtopic/8693-javascript-div-%3D.html)

obsessioner 09.04.2010 00:50

JavaScript + div = ?
 
только с этим столкнулся в лоб.
и нет сейчас времени углубляться в тонны литературы((((

есть страничка в ней стоит блок (div с фоновой картинкой (карта мира)), задача = при наведении мышкой на один из континентов карты (этот фон меняется на другую картинку), а при клике мишки идет переход по ссылке.
и как быть????второй день долблюсь на месте((((
добрые люди, на вас надежда...мне хотя бы пример, а то такого принципа я нигде не встречал(((:cray:

Octane 09.04.2010 01:09

Цитата:

Сообщение от obsessioner
и нет сейчас времени углубляться в тонны литературы((((

Сорри за негатив, но думаете это кого-то волнует?)

После загрузки документа найдите ваш <div> и добавьте ему обработчики событий mouseover, mouseout и click. По событию mouseover и mouseout меняйте значение divElement.style.backgroundImage, а по событию click изменяйте window.location.

За готовыми скриптами обращайтесь в раздел работа.

x-yuri 09.04.2010 03:08

тут нужен image map или flash

B~Vladi 09.04.2010 10:17

Или SVG (VML). Ну просто, как вариант.

obsessioner 09.04.2010 10:28

image map - ведь не меняет фоновую картинку?

x-yuri 09.04.2010 10:41

ну сам по себе не меняет, но Octane очень подробно расписал, как это делать. Правда картинок много понадобиться, может лучше background-color+opacity делать, если можно

obsessioner 09.04.2010 12:14

Спасибо. буду разбираться)
хоть есть направление за что хвататься

obsessioner 09.04.2010 12:57

Цитата:

Сообщение от x-yuri (Сообщение 50719)
ну сам по себе не меняет, но Octane очень подробно расписал, как это делать. Правда картинок много понадобиться, может лучше background-color+opacity делать, если можно

background-color+opacity ??? это как?:(

Skipp 09.04.2010 13:39

background-color: rgba(255,255,255,0.5)
0.5 - opacity.

obsessioner 09.04.2010 13:58

спасибо всем)
вы гении!!!!)))
нашел подходящее решение моей задачи!!!
еще раз спасибо за ваше время!!!
кому интересно решение здесь:
http://code.google.com/intl/ru-RU/ap...ry/geomap.html


Часовой пояс GMT +3, время: 20:44.