[TYPO3-german] In Menü bei Rollover Bild aus Seiteneigenschaften austauschen

[Stephan Schuler]

-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA256

Hallo Bastian.

https://docs.typo3.org/typo3cms/TyposcriptReference/MenuObjects/CommonItemStates/Index.html
https://docs.typo3.org/typo3cms/TyposcriptReference/MenuObjects/Tmenuitem/Index.html

Es gibt keinen Item-State „RO“.

Ich muss zugeben dass ich das so noch nie verwendet habe. Aber meine Interpretation der Dokumentation ist, dass Du mittels „RO“ innerhalb von „NO“ angeben kannst, dass es ein Roll-Over gibt und dann mittels RO_chBgColor oder beforeROImg weiter machen kannst und die Hintergrundfarbe oder das Bild tauschen. Beides innerhalb des NO, nicht als zusätzliches Item.

Allerdings hast Du ja auch schon in Deinem Code einen vollkommen anderen Ansatz gewählt. Du hast keine Hintergrundfarbe und kein Hintergrundbild im Sinne des Standard-TMENUITEM verwendet sondern einfach mitten in das Item als „Payload-Text“ von Hand das Item als IMG-Tag gerendert.

Und genau das wäre auch mein Weg gewesen.

Ich würde neben 10=FILE noch ein 11=FILE angeben das nicht die Bilder von 0 bis 1 sondern von 1 bis 2 verwendet, diesem Bild eine andere Klasse verpassen und dann von Hand per CSS wahlweise das erste oder das zweite IMG-Tag einblenden.

Etwa so:

10 = FILE
10 {
 (…)
}
11 < .10
11.begin = 1
11.maxItems = 1
11.renderObject.params = class=„img-responsive img-subnav hover“

Beste Grüße,



Am 31.03.16, 18:25 schrieb "typo3-german-bounces at lists.typo3.org im Auftrag von Bastian Holzem" <typo3-german-bounces at lists.typo3.org im Auftrag von typo3 at workid.de>:

>Hallo,
>
>ich habe es nun geschafft das erste Bild aus den Seiteneigenschaften zum Menüeintrag mit auszugeben.
>Ich möchte nun bei Rollover (Hover) das Bild durch das 2. Bild aus den Seiteneigenschaften austauschen.
>Für den Active zustand (CUR) funktioniert dies auch aber RO greift nicht.
>Muss ich hierzu von TMENU auf GMENU umstellen? Wenn ich dies versuche werden bei mir aber die Bilder gar nicht mehr angezeigt.
>
>Danke für Eure Hilfe
>
>Hier mein Code
>
>2 = TMENU
>2 {
>    expAll = 1
>
>    NO {
>        wrapItemAndSub = <div class="item subnav-carousel-item active"><div class="col-xs-12 col-sm-4 col-md-3">|</div></div> |*| <div class="item subnav-carousel-item"><div class="col-xs-12 col-sm-4 col-md-3">|</div></div>
>
>        stdWrap.cObject = COA
>        stdWrap.cObject {
>            #IMG
>            10 = FILES
>            10 {
>
>                references {
>                    table = pages
>                    uid.data = field:uid
>                    fieldName = media
>                }
>
>                begin = 0
>                maxItems = 1
>
>                renderObj = IMAGE
>                renderObj {
>                    file.import.data = file:current:publicUrl
>                    altText.data = file:current:title
>                    titleText.data = file:current:alternative
>                    params = class="img-responsive img-subnav active"
>                }
>
>            }
>
>            #Title
>            20 = TEXT
>            20.field = title
>            20.wrap = <span class="title">|</span>
>
>            #Subtitle
>            30 = TEXT
>            30.field = subtitle
>            30.wrap = <span class="subtitle">(|)</span>
>
>        }
>
>    }
>
>    CUR = 1
>    CUR {
>        wrapItemAndSub = <div class="item subnav-carousel-item active"><div class="col-xs-12 col-sm-4 col-md-3">|</div></div> |*| <div class="item subnav-carousel-item"><div class="col-xs-12 col-sm-4 col-md-3">|</div></div>
>
>        stdWrap.cObject = COA
>        stdWrap.cObject {
>            #IMG
>            10 = FILES
>            10 {
>
>                references {
>                    table = pages
>                    uid.data = field:uid
>                    fieldName = media
>                }
>
>                begin = 1
>                maxItems = 1
>
>                renderObj = IMAGE
>                renderObj {
>                    file.import.data = file:current:publicUrl
>                    altText.data = file:current:title
>                    titleText.data = file:current:alternative
>                    params = class="img-responsive img-subnav active"
>                }
>
>            }
>
>            #Title
>            20 = TEXT
>            20.field = title
>            20.wrap = <span class="title active">|</span>
>
>            #Subtitle
>            30 = TEXT
>            30.field = subtitle
>            30.wrap = <span class="subtitle active">(|)</span>
>        }
>    }
>}
>
Stephan Schuler
Web-Entwickler | netlogix Web Solutions

Telefon: +49 (911) 539909 - 0
E-Mail: Stephan.Schuler at netlogix.de
Web: websolutions.netlogix.de



- ----------------------------
Web Solutions News
Einblicke in unsere Arbeit. https://websolutions.netlogix.de/referenzen
Jobs in unserem Team. https://websolutions.netlogix.de/jobs
- ----------------------------




netlogix GmbH & Co. KG
IT-Services | IT-Training | Web Solutions
Neuwieder Straße 10 | 90411 Nürnberg
Telefon: +49 (911) 539909 - 0 | Fax: +49 (911) 539909 - 99
E-Mail: info at netlogix.de | Web: http://www.netlogix.de

netlogix GmbH & Co. KG ist eingetragen am Amtsgericht Nürnberg (HRA 13338)
Persönlich haftende Gesellschafterin: netlogix Verwaltungs GmbH (HRB 20634)
Umsatzsteuer-Identifikationsnummer: DE 233472254
Geschäftsführer: Stefan Buchta, Matthias Schmidt



_______________________________________________
>TYPO3-german mailing list
>TYPO3-german at lists.typo3.org
>http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

-----BEGIN PGP SIGNATURE-----
Version: PGP Universal 3.3.2 (Build 15917)
Charset: utf-8

wpUDBQFW/nmRpp0IwsibV8MBCATwA/0XiaoINix216hKrPGSSYX6iIue9kom+wtB
LGQgDN4XLYpwMBLwrCg0z2rp5+l1vPY8rdneRJHZEM/qml5lYPRh3+k8ybx88mVh
8utDfJclo6yOH/QlxvkjfN5f69ZzwSwaUGqfF2HPRuaCfZ7AjNIvFSH7/eb4GGQg
vw28I89EXg==
=9yRM
-----END PGP SIGNATURE-----