Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / наложение карт изображений (image map) / 3 сообщений из 3, страница 1 из 1
21.07.2009, 10:33
    #36100092
1270.0.1
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наложение карт изображений (image map)
Посоветуйте, пожалуйста, решение...

имеется несколько прозрачных картинок лежащих друг над другом,
каждая картинка имеет клиабельную маску (USEMAP):

Код: plaintext
1.
2.
3.
4.
5.
6.
...
<div id="CONTAINER_LAY">
	<div id="DLAY1"> <img name="LAY1" src="LAY1.png" usemap="#_MAP_LAY1"/> </div>
	<div id="DLAY2"> <img name="LAY2" src="LAY2.png" usemap="#_MAP_LAY2" /> </div>
	<div id="DLAY3"> <img name="LAY3" src="LAY3.png" usemap="#_MAP_LAY3" /> </div>
</div>
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
...
<MAP NAME="_MAP_LAY1">
 	<AREA SHAPE="polygon" COORDS="570,292,570,
...
<MAP NAME="_MAP_LAY2">
...
<MAP NAME="_MAP_LAY3">
предусмотрено ВКЛ/ОТКЛ картинок, через js ф-ции типа:
Код: plaintext
1.
2.
3.
function _show_LAY1(obj)
{ if(obj.checked) document.images['LAY1'].style.visibility="visible";
  else document.images['LAY1'].style.visibility="hidden";
}

может быть существует способ добиться кликабельности на картинках LAY1, LAY2 при вкл. LAY3
Предполагаю решение в динамическом формировании маски (MAP) в зависимости от включ. картинок
и динамическом назначении этой маски самой верхней из отображаемых картинок.
Но, возможно ли это сделать на JavaScript, если можно пример, или другое направление

спасибо
...
Рейтинг: 0 / 0
21.07.2009, 11:20
    #36100236
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наложение карт изображений (image map)
Картинкам css-свойство z-index (...style.zIndex=...) назначать.
...
Рейтинг: 0 / 0
21.07.2009, 11:22
    #36100246
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
наложение карт изображений (image map)
Пардон, вопрос не понял.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / наложение карт изображений (image map) / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]