Zum Inhalt springen

TS für flexibles background-image

Erstellt am 5. Juni 2007 · 6 Antworten · letzte Antwort am 6. Juni 2007

Tags: Templates & Layouts, Frage

elquejido ·

hi all!
ich möchte mit jeder seite ein neues background-image in den header laden.

dazu habe ich folgende zeile im template angelegt:

<div id="header" style="background-image:url(uploads/pics/###BGIMG###.jpg); ">
</div>

mit dem aufruf der jeweiligen seite soll dann der marker ###BGIMG### durch ein entsprechendes stichwort ersetzt werden. hierzu hab ich folgenden TS-Code im TSconfig der jeweiligen Seite angegeben:

page.marker {
BGIMG = TEXT
BGIMG.value = bildname
}

was soll ich sagen: nix geht. die angaben im template sind soweit ok. hab ich überprüft. es muß also am TS oder an dessen positionierung liegen. aber weiter komme ich nicht, weil ich dazu in keiner doku und in keinem forum irgendwas finde. ich hoffe, hier kann mir jemand helfen.
lg, el que...

Unbekannter Benutzer ·
page.marker {
      BGIMG = TEXT
      BGIMG.value = bildname
      }

Hab zwar schon ewig nicht mehr mit dem alten Marker-Konzept gearbeitet, aber die Syntax scheint mir schwer kreativ zu sein.

Mach mal statt "marker" => "marks"

Ansonsten: für Headerbilder gibt es den Ansatz, diese beim Seitentyp "erweitert" ins Feld "Dateien" zu laden, der üblicherweise für solche Zwecke verwendet wird. Dann bekommen die Redakteure auch eine kleine Vorschau im backend und man kann sich nicht verschreiben.

Wird als IMAGE-Objekt angelegt, div aussen rum per wrap. Über file.import oder über data kannst Du auf das Bild zugreifen.

Viele Grüße,
Niki

elquejido ·

hey nikki,

das mit dem header-bild upload klingt gut! ist aber glaube ich keine option wenn das bild als bg fungiert und darüber text stehen soll, oder?
ich war inzwischen schon einen schritt weiter, hab den bilddateinamen in der linken content spalte der jeweiligen seite eingegeben und folgenden Code im Setup des Templates eingegeben:

marks 		{
BG_IMG = CONTENT
BG_IMG 			{
table = tt_content
select 				{
where = colPos = 1
orderBy = sorting
        			}
     			 }

die ausgabe ist ein verhunztes: bildname'.jpg); ">

hat irgendwas mit anführungszeichen zu tun. kann ich den text im template/im TS irgendwie einfassen (anführungszeichen o.ä.) um das zu umgehen?
dann sollte es klappen...

Unbekannter Benutzer ·

Hi Georg,

hab da auch noch eine kürzere Variante für Deinen Beispielcode:

seite.10 = TEXT
seite.10 {
	wrap = <style type="text/css"> | </style>

	data = levelmedia:-1, slide
        wrap = <style type="text/css">.box_1 {background-image: url(uploads/media/ | );background-repeat:no-repeat;background-position: 0% 0%;}
}

Allerdings können dann, im Gegensatz zu Deinem Beispiel, die Bildgrößenmanipulationen nicht vorgenommen werden.

Viele Grüße!
Niki