Menu mit Bild

[teconer]

Hallo,

ich möchte ein umfangreiches Menu mit div's erstellen (siehe Anlage und Foto). Funktioniert auch soweit, nur bekomme ich bei allen Menupunkten das gleiche Bild angezeigt, obwohl in der Ordnerhirachie verschiedene Bildrecourcen hinterlegt sind. Wie kann ich an diese Stelle für jedes Menu das passende Bild einfügen?


KONSTANTENT
vorLink = <div class="klappmenu"><table class="klappnavi">...
nachLink = </td></table></td><td class="klappnavi_mr"></td>...

TYPOSCRIPT
lib.mainnav = HMENU
lib.mainnav {

special = directory
special.value = 48

1 = TMENU
1 {

wrap = <ul>|</ul>
expAll = 1
NO = 1
NO {

wrapItemAndSub = <li class="mainnav_1">|</li> || <li class="mainnav_2">|</li> || <li class="mainnav_3">|</li>|| <li class="mainnav_4">|</li> || <li class="mainnav_5">|</li> || <li class="mainnav_6">|</li>
doNotLinkIt = 1
stdWrap.cObject = CASE
stdWrap.cObject {

key.field = doktype
default = TEXT
default {

typolink.parameter.field = uid
field = title
innerWrap (
<div class="mainmenu">
<div class="mainmenu_li"></div>
<div class="mainmenu_mi"><h6>|</h6><h5>{field:subtitle}</h5></div>
<div class="mainmenu_re"></div></div>
)
insertData = 1
stdWrap.htmlSpecialChars = 1

}

}

}
CUR < .NO
CUR.stdWrap.cObject.default.typolink.ATagParams = class="active"
ACTIFSUB < .NO
ACTIFSUB.stdWrap.cObject.default.typolink.ATagParams = class="active"

}
2 = TMENU
2 {

stdWrap.outerWrap.cObject = COA
stdWrap.outerWrap.cObject {

10 = TEXT
10.value = {$vorLink}
20 = IMAGE
20.file.import = uploads/media/
20.file.import.data = levelmedia:-1, "slide"
20.file.import.listNum = 0
30 = TEXT
30.value = </td><td>|{$nachLink}

}
expAll = 1
NO = 1
NO {

doNotLinkIt = 1
stdWrap.cObject = CASE
stdWrap.cObject {

key.field = doktype
default = TEXT
default {

typolink.parameter.field = uid
field = title
innerWrap = {field:title}<div class="li"></div><div class="mi">|</div><div class="re"></div>
insertData = 1

}

}

}

}

}

[j0nnybrav0]

20.file.import.data = levelmedia:-1, "slide"

Das bewirkt, dass dein Bild vererbt werden kann. Wozu?
Wenn Du versch. Bilder für Deine versch. Links haben willst, dann benutze doch einfach einen Option Split.


...

1.No.wrapItemAndSub =<li class="blue">|</li> || <li class="red">|</li> || <li class="yellow">|</li> || <li class="green">|</li>

...


Das kannste dann auch für alle anderen Varianten (also RO, ACT, ACTIFSUB, etc.) ändern

[teconer]

Habe ich versucht,

20 = IMAGE
20.file = fileadmin/templates/images/klappnavipunkte/klappmenubild1.png

hat ja zunächst den gleichen Effect.

20.file = fileadmin/templates/images/klappnavipunkte/klappmenubild1.png || fileadmin/templates/images/klappnavipunkte/klappmenubild2.png || fileadmin/templates/images/klappnavipunkte/klappmenubild3.png || fileadmin/templates/images/klappnavipunkte/klappmenubild4.png

bewirkt aber, dass kein Bild mehr zu sehen ist.

[j0nnybrav0]

ich bedanke mich auch nie, wenn mir jemand hilft, aber egal. Ein Optionsplit muss auf den WRAP angewendet werden. Nimm Dir mal die Navi vom GP und bau Sie dir um.
wrapItemAndSub ist auskommentiert, aber kurz erklärt. wenn Du (wie in Deinem Fall) für jedes LI ein anderes Layout willst, dann kannst Du eben alle <li>s dort definieren (wie in meinem ersten Bsp). Und eins noch: Tabellen haben in einer Navi nichts verloren, mach das lieber über verschachtelte Listen.

menu.defaults = HMENU
menu.defaults {
1 = TMENU
1 {
wrap = <ul>|</ul>

# Always unfold all sub-levels of the menu
expAll = 0

# Remove the (old) default behaviour which adds onfocus="blurLink(this);" to all links
noBlur = 1

# Define the normal state (not active, not selected) of menu items
# Using NO=1 to activate normal state is not necessary, but useful when copying
NO = 1
NO {
# Use the page title field the title property on the A-tag, but only if the navigation title is set
ATagTitle {
field = title
fieldRequired = nav_title
}

# Use the option-split feature to generate a different wrap for the last item on a level of the menu
# The last item on each level gets class="last" added for CSS styling purposes.
#
# See the TSref documentation for details about option split and other features:
# http://typo3.org/documentation/docum...tsref/current/
#wrapItemAndSub = <li class="first">|</li> |*| <li>|</li> |*| <li class="last">|</li>
wrapItemAndSub = <li>|</li>

# HTML-encode special characters according to the PHP-function htmlSpecialChars
stdWrap.htmlSpecialChars = 1
}

IFSUB = 1
IFSUB < .NO
IFSUB {
wrapItemAndSub = <li class="subpages">|</li>
ATagBeforeWrap = 1
}

# Copy properties of normal to active state, and then add a CSS class for styling
ACT = 1
ACT < .NO
ACT {
ATagParams = class="active"
}

# Copy properties of normal to current state, and then add a CSS class for styling
CUR = 1
CUR < .NO
CUR {
ATagParams = class="selected"
#wrapItemAndSub = <li class="selected">|</li>
}

CURIFSUB < .IFSUB
CURIFSUB {
ATagParams = class="selected"
}
}
2 < .1
3 < .2
}

[teconer]

Danke j0nnybrav0,

ich habe die nachfolgende Stelle rausgenommen:

stdWrap.outerWrap.cObject = COA
stdWrap.outerWrap.cObject {

10 = TEXT
10.value = {$vorLink}
20 = IMAGE
20.file.import = uploads/media/
20.file.import.data = levelmedia:-1, "slide"
20.file.import.listNum = 0
30 = TEXT
30.value = </td><td>|{$nachLink}

}

und durch folgende Zeile ersetzt:

wrap = {$vorLink}{$klappmenubildpfad1}</td><td>|{$nachLink} || {$vorLink}{$klappmenubildpfad2}</td><td>|{$nachLink} || {$vorLink}{$klappmenubildpfad3}</td><td>|{$nachLink} || {$vorLink}{$klappmenubildpfad4}</td><td>|{$nachLink}

Als Ergebnis wird jedoch immer nur das erste Bild im OptionSplit angezeigt.
Ich komme hier nicht weiter