Кликаемые изображения на параллаксе

Question

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

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

Любые идеи?

Answer 1

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

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> 

<map name="planetmap"> 
    <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"> 
    <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury"> 
    <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus"> 
</map> 

Форма определяет тип области каждой интерактивной области, COORDS определить периметр указанных областей; атрибуты href определяют, где страница перемещается, если щелкнуть эту область.

Для достижения этой цели с не основной формы, то вы можете установить тип на «поли», а затем установить координаты каждой точки привязки многоугольника как таковой:

<area shape="poly" coords="450,25,435,60,400,75,435,90,450,125,465,90,500,75,465,60" href="yellow.html" alt="Yellow star.">