[blackwhite]

Hallo!

ich würde gerne eine kleine Interaktive "offline-Website" gestalten.

Jetzt habe ich eine Grafik erstellt die 1920*1280 groß ist und den Hintergrund der Seite darstellen soll.
D.h. ich füge per html jetzt einfach diese Grafik ein.

nun die Frage:
Auf der Grafik sind mehrere Bereiche die als Hyperlink anklickbar sein sollen. - Im Prinzip brauch ich eine unsichtbare Auswahl die anklickbar ist.
Wie setzte ich das um?

Wenn der code dafür simpel ist, kann ich das per editor selbst in HTML schreiben, ich hätte aber auch Dreamweaver auf dem Rechner.

[Kellendil]

Dafür solltest du JavaScript benutzen denke ich. Mit HTML dürfte was ziemlich Hässliches bei rauskommen.

Mit JS:
Du könntest z.B. bei nem Click auf das Bild die Mausposition im Bild bestimmen und damit herausfinden, in welchem Teil des Bildes sich die Maus befindet.
Dafür brauchst du die Position des Bildes (mit jQuery die .offset() Funktion) und die Position des Mauszeigers (event.pageX/Y). Beispiele hier: http://stackoverflow.com/questions/4...hin-an-element

[Satans Krümelmonster]

Dafür solltest du JavaScript benutzen denke ich. Mit HTML dürfte was ziemlich Hässliches bei rauskommen.

Nein, eigentlich nicht. Dafür gibt es sogar nen extra Tag: map und area.
Ich würde ja eher sagen, dass er bloß die Finger von JS weglassen soll, weil das unnötig kompliziert und hässlich wird. Vor allem, wenn er sich damit nicht auskennt.

Hier ein Beispiel für area und map mit Bildern: http://wiki.selfhtml.org/wiki/HTML/M...itive_Grafiken

[Kellendil]

Ich würde ja eher sagen, dass er bloß die Finger von JS weglassen soll, weil das unnötig kompliziert und hässlich wird. Vor allem, wenn er sich damit nicht auskennt.

Wieso wird das mit JS hässlich? Das wäre ein Klick-Binding, eine Vektorsubtraktion, und dann Koordinatenvergleiche. Aber ja, wenn er kein JS kann ist HTML wahrscheinlich besser. Wobei das eine perfekte Chance wäre, mal ein bisschen JS zu lernen : D

Kommt halt auf die genauen Anforderungen drauf an, und wie erweiterbar / flexibel das in der Zukunft noch werden soll. Spätestens wenn die areas dynamisch ihre Position/Form verändern sollen, wirds mit HTMl haarig.

[jabu]

Wie du es auch immer anstellst, möchte ich empfehlen, dass sich die Seite auch bei abgeschaltetem JS sinnvoll präsentiert. Das heißt nicht, dass ich was gegen JS gesagt hätte. Meine persönliche Meinung halte ich da mal raus.

[Satans Krümelmonster]

Wieso wird das mit JS hässlich?

Wegen

Das wäre ein Klick-Binding, eine Vektorsubtraktion, und dann Koordinatenvergleiche.

Und ich glaube nicht, dass er dynamisch veränderbare Areas braucht.
Aber die könnte man btw auch noch mit JS umbauen. Und das wäre IMO schöner.

[Marthog]

Wenn du so ein grosses Bild reinpackst, solltest du explizit ueberprufen, ob die Seite auch auf mobile brauchbar ist.

[Satans Krümelmonster]

Wenn du so ein grosses Bild reinpackst, solltest du explizit ueberprufen, ob die Seite auch auf mobile brauchbar ist.

Ich glaube nicht, dass das relevant ist:

ich würde gerne eine kleine Interaktive "offline-Website" gestalten.