Гиперссылка на конкретный раздел на странице html

Question

Есть ли возможность для меня связать определенную часть страницы html со мной.

Предположим, у меня есть большое изображение. Когда я нажимаю на левую сторону, я бы хотел связать его с частичным изображением и когда я щелкнул посередине на другой и справа. Я хочу сделать это без обрезки изображения на 3 части.

любая идея, как это можно сделать?

Answer 1

Самый простой способ - использовать Image Map.

Answer 2

Да, это довольно просто, так что это не займет у вас много времени. Идея состоит в том, чтобы создать карту изображения по изображению. Таким образом, вы можете указать различные координаты на карте, которые отражают координаты на изображении, и выбирать, какие части ссылки есть где. Вот несколько ссылок, которые помогут вам. карта

Изображение: http://www.w3schools.com/tags/tag_map.asp

Я никогда не пробовал так: http://www.ehow.com/how_4499356_make-image-map-using-photoshop.html

Я обычно делаю это через Dreamweaver: http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7c13a.html

Вы можете сделать это вручную, как первое звено показывает, и получить координаты в фотошопе

Если у вас есть фоновое изображение в вашем css (я предполагаю, что у вас есть ваш контент в div), вместо этого разместите свой контент в a и оберните sp a в теге Пример: <a href=""><span>CONTENT</span></a>

Answer 3

Вы можете сделать это с помощью якорных меток: сначала вырежьте изображение на 3 части, затем поместите все части рядом друг с другом на странице (используйте теги <nobr> вокруг них, t выйти из строя). Затем поставьте <a name='spot-on-page'></a> Куда вы хотите его перепрыгнуть, затем положите <a href='#spot-on-page'><img src='picture1'></a> Как ссылка на это место. Затем повторите вторую часть с двумя другими изображениями.