TYPO3-Testaccount
Testen Sie die aktuellste TYPO3-Version kostenlos und unverbindlich für einen Monat!

Jetzt testen!

Schulungen

jetzt buchen

IMGMENU

Hintergrund:
Im IMGMENU werden Imagemaps dadurch erzeugt, dass basierend auf dem .main-»GIFBUILDER-Objekt ein großes Bild erzeugt wird, und dass die Eigenschaften der »GIFBUILDER-Objekte für die jeweiligen Zustände (NO, ACT, SPC,... usw.) hinzugefügt werden.

Eigenschaft

Datentyp

Beschreibung

Standard

target

Ziel

Ziel der Menülinks.

forceTypeValue

int

Wenn gesetzt, wird der &type-Parameter der Links ungeachtet des Ziels auf diesen Wert gesetzt.

noBlur

boolean

Normalerweise werden in Typo3 grafische Links defokussiert (engl blurred). Das blurring entfernt den häßlichen Kasten um einen angeklickten Link.

Wenn diese Eigenschaft gesetzt ist, werden Links NICHT mit onFocus defokussiert.

wrap

wrap

params

<img>-Parameter

main

»GIFBUILDER

Hauptkonfiguration der Imagemap. Dies erzeugt die "Unterlage" des Menüs.

dWorkarea

offset + calc

Hautpabstand der »GIFBUILDER-Elemente (wird auch distribution genannt).

[Menüzustände]

»IMGMENUITEM + .distrib

Dies sind die »TMENUITEM-Optionen für jede Menüelemente-Kategorie, die erzeugt wird.

BESONDERHEIT:
Vor dem Erzeugen der Menüelemente wird über die gesamte »GIFBUILDER-Konfiguration die »optionSplit-Funktion laufen gelassen.

.distrib beschreibt (x,y,v,h + calc) der Einteilung der Menüelemente. Dies stellt eine Möglichkeit zur Verfügung, Elemente voneinander abzutrennen. Die Codes textX und textY können für die Breite und Höhe der jeweiligen Links verwendet werden.
Dies funktioniert dadurch, dass zwischen den »IMGMENUITEMs (subsets eines »GIFBUILDER-Objektes) WORKAREA-GifBuilder-Objekte hinzugefügt werden. Diese workarea gibt dann an, an welcher Stelle der Text ausgegeben werden soll.
Das x,y gibt den Abstand an, den das nächste Element haben wird (was in vielen Fällen die Breite des vorhergehenden sein wird), und v,h gibt die Maße des aktuellen Elementes an.
Beachten Sie dieses Beispiel, welches aus dem static_template template: MM entnommen wurde:

NO.distrib = textX+10,0,textX+10,textY+5

In der Zukunft mag TypoScript bessere Möglichkeiten, »GIFBUILDER-Objekte auf Imagemaps zu platzieren, anbieten.

ImgMap wird in den Links automatisch benutzt! (Das bedeutet, dass die .imgMap-Eigenschaft der text-Objekte in den »GIFBUILDERn automatisch gesetzt wird, wenn sie noch nicht gesetzt ist.)

imgMapExtras

<AREA>-Tags

Zusätzliche <AREA>-Tags für die Imagemap.

debugRenumbered
Object

boolean

Wenn diese Eigenschaft gesetzt ist, wird die endgültige »GIFBUILDER-Konfiguration ausgegeben, damit Sie Ihre Konfiguration debuggen können.

Kommentare von registrierten Benutzern:

 
Autor Nachricht
Verfasst am: Montag, 08-05-06 13:18
sissi
Dabei seit: 08. 02. 2004
Beiträge: 255
 hier ein funktionierendes imgmenu als beispiel:

TYPOSCRIPT
temp.mainmenu = HMENU
temp.mainmenu.special = list
temp.mainmenu.special.value = 9,8,7,6,5,4
temp.mainmenu.1 = IMGMENU
temp.mainmenu.1 {
  main.XY = 453,18
  main.10 = IMAGE
  main.10.file = fileadmin/styles/background_mainmenu.jpg
  dWorkArea = 14,00
  NO {
  distrib = textX+14,00
  5 = TEXT
  5.text.field = title
  5.fontColor = #ffffff
  #5.fontFile = {$meta_bold}
  5.fontSize = 12
  5.offset = 0,16
  #5.niceText = 1
  5.text.case = upper
  }
  }
Verfasst am: Freitag, 14-10-05 08:10
Fabian-K
Dabei seit: 19. 04. 2005
Beiträge: 581
 Dummerweise wird nicht erklaert, wie man den Menuepunkten einen "altText" geben kann.
Da ich ne weile gebraucht habe es hinzubekommen, moechte ich euch diese Prozedur ersparen und poste mal meinen Beispiel-TS:

TYPOSCRIPT
...
NO {
  20 = TEXT
  20 {
    # Festlegen, wie die Menuepunkte beschriftet und formatiert werden sollen.
    text.field = title
    fontFile = t3lib/fonts/arial.ttf
    fontSize = 13
    niceText = 1
    # Eigenschaften des Image Maps.
    imgMap {
       # Festlegen, wieviele Pixel sich das IMGMAP ausdehnen soll um den Text.
       explode = 2,2
       # Festlegen des Alt-Textes fuer die Menuepunkte.
       altText = text
       altText.field = title
    }
  }
}


Ich hoffe es hilft jemandem icon_smile.gif