Zum Inhalt springen

Dynamisches Hintergrundbild im Body Tag

Erstellt am 24. Januar 2012 · 10 Antworten · letzte Antwort am 24. Januar 2012

Tags: Bilder, Frage

hexaman ·

Hallo zusammen,
ich habe hier mehrer Scriptbeispiele gefunden um ein HIntergrundbild im Bodytag dynamisch auszulesen. Aber keiens funktioniert so richtig.

Das hier hat soweit ich sehe am besten funktioniert, hier wird die URL geschrieben im body tag, nur die Bilder werden hier anscheinen icht ausgelesen:

page = PAGE
page{
  typeNum = 0
  bodyTagCObject = COA
  bodyTagCObject {
    10 = TEXT
    10.value = <body style="background-image:url(
    20 = TEXT
    20 {
      data = levelmedia: -1 "slide"
      wrap = fileadmin/kundenordner/hintergrundbilder/ |
      listNum = 0
    }
    30 = TEXT
    30.value = ); background-repeat: no-repeat;">
  }
}

Das bringt mir das Ergebnis:

<body style="background-image:url(fileadmin/kundenordner/hintergrundbilder/); background-repeat: no-repeat;">

kann mir jemand weiterhelfen?

Grüße
Patrick

LuP ·

Hallo Patrick,

der Pfad zeigt woanders. Auch bitte nicht vergessen, im Feld media der Seiteneigenschaften die Bilder hinzufügen.

page = PAGE
page{
  typeNum = 0
  bodyTagCObject = COA  
  bodyTagCObject {
    10 = TEXT
    10.value = <body style="background-image:url(
    20 = TEXT
    20 {
      data = levelmedia:-1, slide
      wrap = uploads/media/ |
      listNum = 0
    }
    30 = TEXT
    30.value = ); background-repeat: no-repeat;">
  }
}

VG,
LuP

hexaman ·

Hi LuP
den Pfad habe ich manuell geändert, das ist auch der Ordner in welchem die Bilder abliegen sollen.

Verstehe ich das richtig das das nur so geht ?
Also mit dem Pfad auf Uploads/media ?

Hätte gerne eine Lösung mit der ich die Bilder aus x-beliebigem ordner ziehen kann.

Grüße
Patrick

LuP ·

Der Standard-Pfad ist uploads/media/, weil dort die Bilder abgelegt werden, wenn sie zum media-Feld hinfügst sind. Du kannst auch den Pfad nach fileadmin/kundenordner/hintergrundbilder/ ändern, aber dann müssen die Bilder auch dort zu finden sein. Einiziger Nachteil ist, Du hast Duplikaten und damit Speicherplatz weniger.

VG,
LuP

hexaman ·

ok, ich glaube ich habe da noch ein Verständnisproblem....

Ich habe das nun so gemacht wie Du mir geschrieben hast, also Ordner zurück auf uploads/media und die Grafiken in den Media ordner unter Ressourcen auf der Seite.

Es sind 5 Grafiken, die aber nicht alle genommen werden, sprich nur das erste Bild wird hier genommen.

Da muss dann noch etwas falsch sein.

Muss ich das ganze dann für alle Seiten machen?

Grüße
Patrick

LuP ·

listNum liefert den Wert bei der Position 0, daher wird nur ein Bild ausgegeben.

Ja, für jede Seite müsstest Du das Hintergrundbild zum media-Feld hinfügen.

Mit slide wird die Rootline so lange absteigend durchsucht, bis ein Bild gefunden ist.

VG,
LuP

hexaman ·

Hi LuP,

danke das Du mir da behilflich bist und mir das so genau aufdröselst ;-) meistens bekommt man blöde antworten wie "nimm doch die Suchfunktion" oder "lies Dich besser ein" usw....

Ich komme mit der Beschreibung von Listnum in der TSref nicht zurecht.

Kannst Du mir weiterhelfen das alle files aus dem Ordner benutz werden ?

Danke
Patrick

LuP ·
hexaman schrieb

Kannst Du mir weiterhelfen das alle files aus dem Ordner benutz werden ?

wenn Du das Bild als Hintergrundbild benutzt, erwartet die url-Eigenschaft vom background-image nur ein Bild. Daher geht es nicht.

Zu listNum:

listNum = 0 liefert das erste Bild
listNum = 1 liefert das zweite Bild
usw ...

VG,
LuP

zeroalpha ·

Ohne das ich jetzt dir LuP dazwischenfunken möchte und ohne dir hier was unterstellen zu wollen Patrick...

Ich glaube, dass du was anderes von dem TS erwartest, was es eigentlich macht.

Also der Code macht nichts anderes als auf jeder Seite in den Seiteneigenschaften zu schauen, ob an der Position 0 im MediaField eine Datei hinterlegt ist, die er anzeigen soll.
Ist auf der Seite keine Datei in MediaField der Seiteneigenschaften hinterlegt, sucht er in der darüberliegenden (eine Hierarchiestufe höher) Seite. Ist dort eine Datei vorhanden, wird diese angezeigt. Ansonsten Sucht er wieder eine Hierarchiestufe höher bis zum Root.

Ich vermute, dass du eher gern ein Random hättest, dass auf allen Seiten aus z.B. 5 Möglichkeiten eine anzeigt.

Wie gesagt, kann sein, dass ich mich täusche. Dann bitte einfach wieder alles vergessen 😃

Gruß
Daniel

zeroalpha ·

Dann bin ich aber beruhigt, dass mich mein Gefühl doch nicht getäuscht hat.

Um dann jetzt aber auf deine Frage zurück zu kommen!
Vielleicht helfen dir die Links hier weiter. Keiner hat eine Lösung für dich, aber ich denke mir, dass die Kombi wohl zum Ziel führen könnte.

Extension cc-random

http://typo3.org/extensions/repository/view/cc_random_image/current/

Hier mal ein bisschen TS dazu - leider für Header
#105640

Vielleicht kannst du den Code "Random Background Image" mit der CC-Random kombinieren...
http://typo3.org/documentation/document-library/extension-manuals/mak_randlistnum/0.1.1/view/1/5/