+ Antworten
Ergebnis 1 bis 3 von 3

Thema: Dynamisches Hintergrundbild eines div's

  1. #1
    TP-Member freddymc macht alles soweit korrekt
    Registriert seit
    Jun 2005
    Beiträge
    90

    Dynamisches Hintergrundbild eines div's

    Tach auch!

    Bei meiner Design Vorlage wird ein Banner nicht per <img> Tag sondern über die CSS Definition
    background-image:url(banner.gif);
    in einem DIV eingebunden. Dies hat den Vorteil, dass ich über das Bild Text legen kann, beispielsweise eine Navigation.

    Nun soll dieser Banner nicht fest für alle Seiten der gleiche sein. Je nach Rubrik soll ein passendes Bild geladen werden.
    Normalerweise gelingt dies durch das Hinterlegen von Grafiken in eine Seite (dazu muss die Seite vom Typ 'Erweitert' sein). Dann liese sich immer der passende Banner in ein <img> laden - kein Problem.

    Wie gesagt, sollte das Bild jedoch über ein Hintergrundbild eingebunden werden.

    Any Ideas? Man müsste die Stylesheetdatei ändern, jedoch kann ich mit Typo3 auf den Head Bereich der Seite keinen Einfluss nehmen.

    Danke!
    MfG,
    Fred

  2. #2
    TP-Member freddymc macht alles soweit korrekt
    Registriert seit
    Jun 2005
    Beiträge
    90
    So, jetzt hätte ich eine Idee:
    CSS Datei ändern bring nix, da ja vom Browser gecached.
    Das heißt ich schreibe im HTML Template einfach:

    <div class="test" style="###TESTSTYLE###"> asldjfasldkfj </div>

    Dann könnte ich den Marker doch zu dem Pfad des Aktuellen Bildes leiten.
    TESTSTYLE = TEXT
    TESTSTYLE.value = background-image: url(pfad.jpg);
    Die zu einer Seite hinterlegten Bilder, liegen im Ordner 'uploads/media'.

    Der TypoScript, um Bilder einzubinden sähe so aus::
    Code:
    10 = image
    # Verzeichnis
    10.file.import = uploads/media/
    # Datenbankfeld
    10.file.import.field = media
    # das erste Element
    10.file.import.listNum = 0
    Nur ich brauche ja nicht das Bild an sich, sondern den Pfad dorthin. In TS sind solche Mücken php Probleme immer gleich Elefanten ... wenn man Neuling ist...

    MfG,
    Fred

    [EDIT]
    Wohahaha! Ich habs!
    Code:
    # Dynamischer Banner mit Marker 'TESTSTYLE':
    TESTSTYLE = TEXT
    TESTSTYLE {
    	field = media
    	listNum = 0
    	wrap = uploads/media/|
    }
    Dazu heißt der Tag dann natürlich: <div class="test" style="background-image: url(###TESTSTYLE###); background-position: top center; background-repeat: no-repeat;"> asldjfasldkfj </div>

    Ist das toll, wenn man sich noch wie ein Idiot freuen kann ;-)
    Geändert von freddymc (13.08.2006 um 11:17 Uhr)

  3. #3
    TP-Special Mod steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User Avatar von steffenk
    Registriert seit
    Feb 2005
    Ort
    Haan / NRW
    Beiträge
    12.869
    wie schön wenn sich Threads von selber beantworten


    TYPO3 · MySQLDumper · dislabs
    ·
    manche Mühlen mahlen schneller ...
    "Ich habe Rücken"
    Horst Schlämmer


+ Antworten

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51