2017-02-22 7 views
0

was ich versuche zu tun ist, um Menü, anstelle von Links, ein anklickbares Bild zu erstellen. Diese Bilder sind jedoch Parallaxenschichten. Wie soll ich das angehen? Sollten die anklickbaren Bilder auf separaten Ebenen sein?Clickable Bilder auf Parallax

Dies ist das Bild, das ich verwenden werde. Ich möchte diesen Turm im Hintergrund haben, um Sie zur Galerie zu bringen, aber gleichzeitig wird diese Ebene, wie erwähnt, Parallaxe sein.

enter image description here

Irgendwelche Ideen?

+0

Auch kann gleiche Wirkung auf das zu sehen website: http://www.madwell.com/ – Filip5

+0

Ist das eine Webseite? Welches Front-End-Framework werden Sie verwenden? Ich denke, dass das "Java" -Tag falsch ist – Oneiros

+0

Nicht sicher, wie man das umgeht. Alles, was funktionieren wird, ist für mich im Moment gut. Und ja, es wird Webseite sein – Filip5

Antwort

0

Es ist wahrscheinlich eine gute Idee, wenn Sie eine separate Parallax-Ebene erstellen, die absolut positionierte Links als eine Art der Navigation enthält. Wenn Sie streng bestimmte Bereiche auf dem Bild als Links abbilden wollen, möchten Sie vielleicht einen Tag wie in diesem Beispiel aus here genommen verwenden:

<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> 

Die Form definiert die Art der Fläche jedes klickbaren Bereich, die coords Definieren Sie den Umfang dieser Bereiche; Die href-Attribute definieren, wo die Seite navigiert, wenn auf den Bereich geklickt wird.

Um dies mit einem nicht-Grundform zu erreichen, können Sie den Typ festlegen auf „poly“ und dann den jeweiligen Ankerpunkt der Koordinaten als solche des Polygons gesetzt:

<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."> 
+0

Aber das sind primitive Formen, nicht wahr? Kann ich auch benutzerdefinierte Formen verwenden? – Filip5

+0

Adjusted meine Antwort, um eine Lösung zu umfassen, um benutzerdefinierte Karte Bereich Formen zu erreichen –

+0

Ich werde dies versuchen und lassen Sie wissen, – Filip5