Erledigt - Festen Link in ein Bild einbauen

[Lloreter]

Hallo,
als Laie komme ich nicht mehr weiter.
Ich habe ein Hintergrundbild mit kleinen Quadraten, welches auch als Hintergrund bleiben soll.
Auf diesem Bild möchte ich verschiedene Bilder plazieren, die alle verschiedene URLs bekommen.
Ich war schon soweit, das ich in das Bild auf dem Hintergrundbild mittels Slicer in Fireworks eine URL einfügen konnte.
Wenn ich dann in Fireworks über Datei-Vorschau im Browser das Gebilde aufrufe, ist das Bild als Link anklickbar und alles funktioniert. Aber sobald ich das Gesamtbild dann in eine Webseite einbaue, ist der Link verschwunden.
Was kann ich machen?

 

[Rata]

Dein Vorhaben wird so nicht funktionieren

Was kann ich machen?

Das ganze Bild slicen, jedes Bild einzeln coden und verlinken.




Lieber Gruß
Rata

PS, BTW: Herzlich willkommen im Forum

PPS, an die „Modze“: sollte wohl besser in den Web-Bereich verschoben werden.

 

[patrick_l]

Das richtige Stichwort wäre hier wohl eine HTML "Image Map". Für das Area-Element gibt es drei Form-Attribute. Einmal rect (Rechteck), circle (Kreis) und poly (Polygon). Damit können innerhalb der Map dann beliebige "klickbare" Flächen erstellt werden.

<img src="assets/img/map-example.png" alt="example" usemap="#example">
<map name="example">
    <area shape="rect" coords="x1,y1,x2,y2" alt="one" href="one.html">
    <area shape="circle" coords="x1,y1,x2,y2" alt="two" href="two.html">
    <area shape="poly" coords="x1,y1,x2,y2" alt="three" href="three.html">
</map>

Einfach mal nach HTML Image Map suchen oder meinem Link folgen. Dort werden die Tags vorgestellt und leicht nachvollziehbar an einem Beispiel erklärt.

- MediaEvent: HTML, CSS und JS mit {Stil} - HTML-Tag area / map

Liebe Grüße, Patrick

 

[Salael]

Die Image Map Methode ist m.E. die eleganteste Lösung.
LG
Salael

 

[Lloreter]

Danke für eure Antworten.
Ich werde mich mal ins Thema einlesen und es so probieren.
Bei Problemen werde ich euch wieder mit Fragen "löchern"

 

[Salael]

Bei Problemen werde ich euch wieder mit Fragen "löchern"

Das ist ja auch der Sinn und Zweck dieses Forums

 

[30runner]

hat jemand ne Ahnung ob das auch in Muse geht, das mit den Image Maps.
ich weiß falsches Forum..

danke

 

[Lloreter]

Leute fühlt euch geknutscht.
Das Forum hat seinen Zweck erfüllt, ich habe wieder etwas dazugelernt.
Mein Vorhaben klappt.
Ich bin aber erst über den Code auf die Lösung gekommen
Vielen Dank dafür.