Zum Inhalt springen

Hotspot per TScript / CSS bzw. Link teilweise auf ein Bild legen

Erstellt am 2. November 2011 · 1 Antwort · letzte Antwort am 5. November 2011

Tags: Bilder, Frage

daisy42 ·

Hallo Typo3 Gemeinde,

ich möchte über ein vorhandenes Bild teilweise einen Link legen (quasi eine Hotspot Area mit freier Form und einem einzigen Link).

Wie kann ich das per TScript / CSS / Template realisieren?

Meine Grafik befindet sich im Header der Seite und sieht aus wie im Anhang (der orangene Teil soll der Linkbereich werden).

Meine main.tmpl sieht so aus:

...
<div id="header">    //fügt die Grafik als Hintergrund ein        
###MENU###    //das hier setzt mein GMENU über die Grafik
###LOGO###    //das hier platziert noch ein Logo über die Grafik
</div>
...

Meine Idee wäre nun, dass man ein weiteres Element ###EXTRALINK### in die header-div einfügt und dann per CSS / TScript die Bereiche definiert.
Leider hat das bisher nicht geklappt und ich weiss nicht, ob das überhaupt die richtige herangehensweise ist.

Kann mir bitte jemand weiterhelfen?

Danke

t3_01.jpg

Chrissli ·

Hallo daisy,

ich weiß nicht in wie weit sich das dynamisch als ContentElement lösen lässt, evtl. gibt es hierfür eine
Extension ( Stichwort: ImageMap ).

Optional kann man das wohl auch mit dem GIFBUILDER lösen, eine Suche hier im Forum nach "imagemap" hat mich zu dieser Seite gebracht:

https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/ContentObjects/Hmenu/Tmenu/Index.html

Evtl. kannst du das ja fix in das HTML-Template reinprogrammieren bzw. über das Inhaltselement "reines HTML" in deinen Marker füllen.