Login / Status
developer.Resource
Home . Documentation . Document Library
Sponsors
hosted by punkt.deTYPO3 and Open Source Magazine

10.9. IMGMENU:

Background:

Imagemaps are made by creating one large GIFBUILDER-object based on the GIFBUILDER-object ".main" and adding the properties of the GIFBUILDER-objects for each item (NO, ACT, SPC... and so on).

Property:

Data type:

Description:

Default:

target

target

Target of the menulinks

self

forceTypeValue

int

If set, the &type parameter of the link is forced to this value regardless of target.

noBlur

Boolean

Normally graphical links are "blurred" if the browser is MSIE. Blurring removes the ugly box around a clicked link.

If this property is set, the link is NOT blurred (browser-default) with "onFocus".

wrap

wrap

params

<img>-params

main

->GIFBUILDER

Main configuration of the image-map! This defines the "underlay"!

dWorkArea

offset + calc

Main offset of the GIFBUILDER-items (also called the "distribution")

[Common Item States, see above]

->IMGMENUITEM

+ .distrib

This is the TMENUITEM-options for each category of menuitem that can be generated.

SPECIAL:

The ->OptionSplit function is run on the whole GIFBUILDER-configuration before the items are generated.

.distrib is (x,y,v,h +calc) of the distribution of the menuitems. This provides a way to space each item from the other. The codes "textX" and "textY" can be used for the width (X) and height (Y) dimension of each link.

This works by adding a WORKAREA-GifBuilderObj between each of the IMGMENUITEM ("subset" of a GIFBUILDER-object) and this workarea defines where the text should be printed. As such the "x,y" defines the offset the next item will have (this should be the width of the previous in many cases!) and "v,h" defines the dimensions of the current item.

Consider this example taken from the static_template "template: MM":

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

In the future TypoScript may provide better ways to position GIFBUILDER-objects on the image-maps!

ImgMap is automatically used on the links! (that is the ".imgMap" property of the text-objects in the GIFBUILDER-objects is set automatically, unless is allready set.)

imgMapExtras

<area...>-tags

Extra <area...>tags for the image-map

debugRenumberedObject

boolean

if set, the final GIFBUILDER object configuration is output in order for you to debug your configuration

[tsref:(cObject).HMENU.(mObj).IMGMENU]