Карта изображений

← →
Jordan (2013-01-12 16:06) [0]

Подскажите, может кто знает как указывать в карте изображений не координаты в пикселях, а координаты в процентах?
Пример, есть код:
<img src="map_logo.jpg" width="75%" usemap="#MapLogo" border="0" />
<map name="MapLogo" />
<area shape="rect" coords="0,0,25,20" href="http://mysite.ru" />
</map>
Этот код работает отлично, но когда вместо значений 0,0,25,20, я вставляю проценты 0%,0%,25%,20%, то ничего не работает:
<img src="map_logo.jpg" width="75%" usemap="#MapLogo" border="0" />
<map name="MapLogo" />
<area shape="rect" coords="0%,0%,25%,20%" href="http://mysite.ru" />
</map>

У меня картинка меняется, поэтому мне нельзя указать точные значения в пикселях, а нужно именно в процентах. Подскажите пожалуйста если кто знает, как можно такое реализовать.

← →
знайка (2013-01-12 17:01) [1]

никак

← →
Jordan (2013-01-12 17:13) [2]

http://htmlweb.ru/html/imagemap.php
"В альтернативном варианте x или y могут быть также определены в процентах, со знаком процентов, добавляемым к числу, причем проценты берутся соответственно относительной ширине или высоте образа. Пример:
SHAPE=RECT COORDS="0, 0, 50%,100%""

тут сказано иначе, но почему-то не работает то как там написано...

← →
Jordan (2013-01-12 17:15) [3]

проценты просто отбрасываются и вместо них используются просто значения в пикселях, то есть если написать 50%, то браузер воспринимает как 50 пикселей, или 1000%, браузер воспринимает как 1000 пикселей

← →
Jordan (2013-01-12 17:21) [4]

> никак

а как тогда например реализовать карту мира которая бы тянулась по ширине в зависимости от экрана пользователя у которого она отображается и сделать её картой изображения, чтобы можно было например нажать на Австралию и появлялась информация об Австралии или нажать на Евразию и появлялась информация о Евразии. Не может такого быть, чтобы не было способа реализовать подобное.

← →
Jeer © (2013-01-12 17:43) [5]

> Не может такого быть,

Может быть, но делают по другому.
Если с изображениями, набор заранее изготовленных в нужном разрешении тайлов, обычно 256*256 pix.
Либо другие технологии масштабирования.

← →
Vegeta (2013-01-12 19:04) [6]

Без JS не обойтись, т.к. area координаты в процентах не поддерживает.
Есть и готовые решения, типа https://github.com/stowball/jQuery-rwdImageMaps
Еще есть такие варианты, как svg, html5 canvas, flash и т.п.

>> http://htmlweb.ru/html/imagemap.php
странно, работает все..
может путаете видимое изображение и область, которая станет ссылкой?
Область меняется, изображение - нет
<p>
<map name="Map0">
<area shape="RECT" coords="0, 0, 10%, 10%" href="#area1">

← →
Jordan (2013-01-12 21:02) [8]

> Без JS не обойтись, т.к. area координаты в процентах не
> поддерживает.
> Есть и готовые решения, типа https://github.com/stowball/jQuery-
> rwdImageMaps

Огромное спасибо! Пример разобрал, сделал по аналогии свой на JavaScripts.

Тему можно закрывать.

Карта изображений Найти похожие ветки