привет, поэтому я пытаюсь гиперссылки частей изображения на разные веб-страницы.Гиперссылки частей изображения
Изображение представляет собой карту, поэтому, щелкнув по разным разделам, вы должны перейти на соответствующую веб-страницу. Я хотел бы использовать только HTML5 и CSS3.
Любая помощь будет принята за благодарность.
Ссылка на изображение ниже.
Расширение на мой комментарий выше, вы можете использовать image maps для этого. Существует множество сетевых генераторов карт изображений, которые вы можете использовать для определения координат (например, image-maps.com). Вот пример использования изображения вы предоставили:
<img src="http://i.stack.imgur.com/9Gecp.jpg" usemap="#linkmap" />
<map name="linkmap">
<area alt="board-games" title="Board Games" href="boardgames.html" shape="rect" coords="17,86,188,214" style="outline:none;" target="_self" />
<area alt="lego-models" title="Lego Models" href="lego-models.html" shape="rect" coords="130,256,367,372" style="outline:none;" target="_self" />
<area alt="playing-cards" title="Playing Cards" href="playing-cards.html" shape="rect" coords="261,110,377,197" style="outline:none;" target="_self" />
</map>
Вы можете использовать [изображение карты] (http://www.w3schools.com/tags/tag_map.asp) для достижения этой цели – APAD1
HTTP : //www.w3schools.com/tags/tag_area.asp см. эту ссылку. –
спасибо. есть ли способ выяснить точные координаты? я не очень понимаю это – Abd