Image in DIV ändern je nach Menuauswahl

[thorsten23]

Hallo,

ich habe ein Problem, das vermutlich eins mit JavaScript ist, ich bin mir aber nicht sicher. Also, was ich machen möchte ist folgendes: Unterhalb eines horizontalen Menüs habe ich ein DIV mit einem Bild drin. Dieses Bild soll sich nur ändern, je nachdem welchen Menüpunkt der Benutzer gewählt hat. Ich vermute, das man das irgendwie mit onClick und JavaScript realisieren kann. Aber dann stellt sich noch die Frage, wie man die IDs der Menüpunkte bekommt um das zu machen ?
Oder gibt es vielleicht eine elegantere Lösung für das "Problem"? :-)

vielen Dank für eure Hilfe!

Gruß,
Thorsten

[derRenner]

Hallo,
wenn das DIV immer die gleiche Grösse hat, dann könntest du mit background-image arbeiten und in der Seitenstruktur deinem Menüpunkt eine class oder ID mitgeben. Und je nachdem welche class oder ID nun angeklickt ist, wechselt dein Hintergrundbild des DIVs

[thorsten23]

Hallo Bernhard,

mir ist noch nicht ganz klar wie man das umsetzt, aber das hört sich gut an. Ich schau mal ob ich das hinbekomme :-)


Gruß,
Thorsten

[derRenner]

Ich sehe gerade, eine ID kann an dieser Stelle nicht eingegeben werden.

Also:
Seitenstruktur » Seite » Experten-Einstellung » CSS-Klasse ... hier gibst du deine Klasse pro Seite ein - z.B. seite-eins

Im stylesheet stylest du dann dein DIV inkl. dieser Klasse

#deinDIV {
   [Grösse definieren]
}
.seite-eins #deinDIV {
   background-image: url(....);
   [weitere styles]
}

[Ainschy]

Suchst du ggf. sowas ?

https://contao.org/de/erweiterungsli...020039.de.html

[Andreas]

...je nachdem welchen Menüpunkt der Benutzer gewählt hat....

Wenn ich das richtig verstehe, dann wird doch eine neue Seite aufgerufen, wenn der Benutzer einen Menüpunkt wählt. Oder? Wenn ja, dann brauchst du doch nicht auf den Klick zu reagieren, sondern auf den Seiten einfach unterschiedliche Bilder einbinden. Das kannst du in den Artikeln auf der Seite machen.

Oder dir eine dieser Erweiterungen ansehen: coverpicture (wie bereits erwähnt) oder pageimage.