Разделение изображения на области

Статус
Закрыто для дальнейших ответов.

Howard

Новичок
Регистрация
06.07.2006
Сообщения
1
У меня к Вам вопрос. Каким скриптом можно разбить изображение на области? Что бы можно было водить курсором по одному рисунку, а на нём в разных местах были ссылки. К примеру рисунок "квартира - вид сверху " или "план эвакуации".

Ps Хочу что бы работал яваскрипт "всплывающая меню подсказка". Она у меня работает, но только на одно "литое" изображение. На "мапинг" этот скрипт не распространяется.
Подскажите! ОЧЕНЬ НАДО!!!
Завал...
 

Derik

Well-Known Member
Регистрация
03.02.2006
Сообщения
182
У меня к Вам вопрос. Каким скриптом можно разбить изображение на области? Что бы можно было водить курсором по одному рисунку, а на нём в разных местах были ссылки. К примеру рисунок "квартира - вид сверху " или "план эвакуации".

Ps Хочу что бы работал яваскрипт "всплывающая меню подсказка". Она у меня работает, но только на одно "литое" изображение. На "мапинг" этот скрипт не распространяется.
Подскажите! ОЧЕНЬ НАДО!!!
Завал...
Да млин где-то такое было помню, но щас не вспомню. Единственное могу предложить разбить на отдельные картинки и сверстать таблицей эту схему. а там уже с линками можно использовать эффект mouseover и т.п.
 

DnAp

self::setDebugMode(true);
Регистрация
30.04.2005
Сообщения
490
Можнно получить координаты мыши, координаты начала картинки, вычесть, получиш координты в пределах самой картинки..
Дальше описываеш области простым сравнением
if(x>40 & x<120&y<50)
...
выводим спан с абсолютным позиционированием относитеьно координат мыши...
Код:
//функция для определения абсолютных
//координат объекта на странице (c) ERge доработана DnAp
function gOfs(obj){
	var x=0,y=0;
	if(window.opera)
	{
		if(obj.style.position=='absolute')
		{
			x=obj.style.posLeft;
			y=obj.style.posTop;
		}else{
			while (obj.offsetParent)
			{
				x+=obj.offsetLeft;
				y+=obj.offsetTop;
				obj=obj.offsetParent;
			}
		}
	}else if(obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			x+=obj.offsetLeft;
			y+=obj.offsetTop;
			obj=obj.offsetParent;
		}
	}else if (obj.x)
	{
		x += obj.x;
		y += obj.y;

	}
	//alert(x+' '+y);
	return {x: x, y: y}
}
var ofs = gOfs(document.getElementById('img_id'));
alert(ofs.x+' '+ofs.y);
Координаты мыши поищи в сети где-то валялось...
 
Статус
Закрыто для дальнейших ответов.
Верх Низ