Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Обработка изображения (https://javascript.ru/forum/dom-window/22194-obrabotka-izobrazheniya.html)

Решатель 09.10.2011 23:32
Обработка изображения
 
Здравствуйте :)
Возникла проблема следующего характера...
У меня имеется img следующего вида:

где белый цвет - альфаканал гифки. Мне нужно обрабатывать hover'ом только ту область, которая является красной. Как это можно сделать?

melky 09.10.2011 23:50
сделать имг через див или канвас.

Seva1986 10.10.2011 00:17
Решатель,
есть такие теги area http://www.xiper.net/manuals/html/tags/area.html
и map http://www.xiper.net/manuals/html/tags/map.html


как вариант 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>тест</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 </head>
 <body>
	<div>
		<img alt="" src="a2ba14d57f3f.png" usemap="#myMap"/>
		<map id="myMap">
			<area  alt="ссылка" href="" shape="poly" coords="0,46,56,46,56,0,146,0,146,46,200,46,200,112,0,112" />
		</map>
	</div>
 </body>
</html>

Решатель 10.10.2011 00:25
Seva1986, спасибо! :) Я уже и забыл про мэпы...
Можно последний вопрос: как по шустрому в визуальном режиме рисовать эти мэпы? Есть какое нибудь програмное решение или сайт в помощь?

Seva1986 10.10.2011 00:38
Решатель,

Думаю есть я даже не знаю.... может визуальные редакторы... думаю есть чтото....

melky 10.10.2011 07:44
http://www.image-maps.com/php_show_user_map.php (норм. мне понравился)

http://www.mobilefish.com/services/i.../image_map.php (фигня. ограничение на 100кб)

http://htmlmapgenerator.ru/ (хихихи)


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