значит для хтмл 3.2 будет что-то типа:september2489 wrote: Thu Jan 23, 2025 9:41 am Прикольно! Сейчас ради интереса посмотрел, как бы я решил эту проблему своим способом. В HTML есть тэг <map>. Вот небольшой пример:
Здесь изображению присваивается "карта", её форма - произвольный многоугольник. Координаты задаются в Dreamweaver кликами мышкой, далее указывается ссылка. Активная область не видна на изображении, курсор мыши при наведении меняет форму. Возможно, через CSS можно добиться разных стилей изображения (надо проверять). Также доступны события, например, onMouseDown/onMouseMove и другие, то есть в теории можно как-то управлять всем этим.Code: Select all
<body> <img src="index.jpg" width="600" height="394" border="0" usemap="#Map" /> <map name="Map" id="Map"> <area shape="poly" coords="304,372,305,371,302,303,303,187,358,205,387,241,392, 295,377,339,337,362" href="http://september2489.w10.site" target="_blank" /> </map> </body>
Code: Select all
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=1201>
<TR VALIGN="top" ALIGN="left">
<TD WIDTH=1200 HEIGHT=700 COLSPAN=2>
<IMG SRC="koncept1.jpg" ALT="" WIDTH=1200 HEIGHT=700 BORDER=0>
</TD>
<TD WIDTH=1 HEIGHT=705>
/* сюда */
<div style="width: 1px; height: 705px;"></div>
</TD>
</TR>
</TABLE>Code: Select all
<map name="imagemap">
<area shape="rect" coords="300,300,200,200" href="http://ссылка" alt="картинка">
</map>
всё двигается, открывается-закрывается но как реализовать подвижность на хтмл - незнаю, анимация на гифах это чудовищно громоздко и скорость анимации отличается от изначальной
