Zum Inhalt springen

fixes Bild als Redakteur switchen können

Erstellt am 24. Februar 2005 · 24 Antworten · letzte Antwort am 5. März 2005 · Seite 1 von 2

Tags: Bilder, Frage

toyde ·

hi.

Ich habe einen Header im Design einer Page.
Nun möchte ein Redakteur von mir, dass eine Komponente des Headers, bspw. ein Wort od. Auto, als .jpg-File austauschbar bleibt.
So kann man je nach Aktualität ein Themenbild ändern, und der Header ist nicht so statisch und anpassbar.
Sozusagen ein Bild im Bild. Eben, ein Bild im Header.

Problem:
Als Content-Element kann ich es nicht verwenden, da Typo3 ja selbst Umbrüche wrappt.
Das Bild (als Beispiel) ist 200x200px gross. Nun müsste ich eine Möglichkeit haben dass diese Komponente im Header immer auf 200x200px bleibt, und für den Redakteur die Möglickeit besteht, ein auf 200x200 zugeschnittenes Bild einzufügen.
Mir, als Typo-Hacker ist das klar:
Marker im TypoScript und html-Template, fertig.
Doch gibt es auch eine Redakteur-freundlich Lösung?

greez toyde

P.S.: Es gibt doch das Content-Element "Bild". Kann man da per "special" oder ähnlichem was reissen?

theo ·

seitentyp: erweitert/advanced
bild ins media-feld einfügen

fertig

du kannst per typoscript sauberst auf das bild zugreifen, es mit dem gifbuilder bearbeiten (es z.b. auf bestimmte größen zurechtschneiden... 😉 )
und bist losgelöst von tabellen und sonstigem schnickschnack.
eine absolut saubere lösung.

toyde ·

danke für die rasche Antwort, theo.

Damit wir vom Selben sprechen:
Meinst du:

1. neue Seite
2. Typ "advanced"
3. Files: meinBild.jpg
4. Das ganze mit
marks.BILDSWITCH {
tables = tt_content
source = page_ID_der_advanced_Page
dontCheckPid = 1
}

Wenn ich das so mache, geht das wirklich auf 200x200 genau? Wäre ja cool. Habe mit Content-Elementen leider schlecht Erfahrungen gemacht. Mal schaun, ob das klappt.

greez toyde

theo ·
toyde schrieb

danke für die rasche Antwort, theo.

Damit wir vom Selben sprechen:
Meinst du:

1. neue Seite
2. Typ "advanced"
3. Files: meinBild.jpg

ja

toyde schrieb

4. Das ganze mit
marks.BILDSWITCH {
tables = tt_content
source = page_ID_der_advanced_Page
dontCheckPid = 1
}

nein

du befindest dich hier in der tabelle "pages", das hat mit tt_content nix zu tun.

erklärung und anweisung folgt... 😉

theo ·

hier ist ein prinzipieller ansatz, wie du überhaupt auf das bild zugreifst.
was du dann mit dem bild machst, wie du es weiterverarbeitest, bzw. mit was du das dann kombinierst (stichwort: mask) bleibt dir überlassen... 😉

temp.headerimage = IMAGE
temp.headerimage {
file {
import.field = media
import = uploads/media/
import.listNum = 0

maxW = (deine maxW)
params = -crop (deine werte...)

m.mask = fileadmin/gfx/headermask-1.jpg
m.mask {
params= (deine params)
}
m.bgImg = fileadmin/gfx/headermask-back.jpg
m.bgImg {
params= (deine params)
}
}
alttext = TEXT
alttext.field = title
}
theo ·
toyde schrieb

du hast das wahrscheinlich schon mal verwendet, oder?
Gibt's nen Link, zu der Page/Projekt?

jaja, wenn man den kleinen finger reicht... 😉

ich mach normalerweise überhaupt keine code-komplettpostings, sondern versuche immer, die leute auf die richtige spur zu bringen.
bei dir hab ich auch gerne mehr rausgerückt, da du ja deinerseits sehr viel hilfst, aber ein link würde dir ja gar nix nützen. da würdest du doch nur das angezeigte endergebnis sehen, aber du willst doch einen weg wissen, wie man zu dem ergebnis überhaupt hinkommt...
...und den kann ich mit einem link doch gar nicht darstellen.

in eins der kunden-backends laß ich dich jedenfalls nich rein.... 😉

toyde ·

lol, nene, sorry. :p
Da reden wir von was anderem.

Der www-Link war gemeint, vom FrontEnd. Von der Page. egal 😉

theo ·
toyde schrieb

...
Da reden wir von was anderem.
Der www-Link war gemeint, vom FrontEnd. Von der Page. egal 😉

hab dich schon verstanden. mein ganzer sermon bezog sich auch genau darauf.
der satz mit dem backend war nur ein nachsatz, denn allein davon hättest du was, aber genau das geht natürlich nicht... 😉
das soll dich natürlich nicht abhalten, deinerseits ergebnisse zu posten... 8-) :p 😃

toyde ·

nein, es klappt doch nicht so leicht, wie ich meinte.

Habe das im Setup vom Root-Template:

 marks.MARKER_HEADCHANGER = IMAGE
 marks.MARKER_HEADCHANGER { 
   file { 
     import = fileadmin/images
     import.field = media 
     import.listNum = 0
   } 
   source = 217
   dontCheckPid = 1 
 }

andere Marker funzen, und Schreibfehler gibts keine.
Also liegt's am TypoScript oder sonst was.

Habe eine Page vom Typ "Advanced", mit einem .png-Bild als media file. Nun müsste ich dieses dort eingefügte Bild der Seite "Advanced" mit der Page-ID 217 in mein Template bekommen.

Weiss jemand Rat? Habe die TS-Ref studiert, und der obige Code ist herausgekommen.

theo ·

nö, das eine hat mit dem anderen überhaupt nix zu tun.
is mir jetzt aber zu spät am abend. morgen meld ich mich nochmal.
aber was die drei "import-zeilen" betrifft: da mußt du einfach ausnahmsweise genau das abschreiben, was ich dir gepostet hatte.

also

import.field = media
import = uploads/media/
import.listNum = 0

du kannst da nicht einfach einen eigenen pfad angeben...

p.s.: jaja, der toyde... 😉

toyde ·

ja, gerne morgen wieder. Bin auch wech.

Noch zum Stand der Dinge:
1. So verschwindet mein Marker, aber kein Bild wird immernoch nicht gesetzt:

 marks.MARKER_HEADCHANGER = IMAGE
 marks.MARKER_HEADCHANGER { 
   import.field = media 
   import = uploads/media/ 
   import.listNum = 0
 }

2. So bleibt der Marker stehen, d.h. er wird nicht mit Daten gefüllt:

 marks.MARKER_HEADCHANGER { 
   import.field = media 
   import = uploads/media/ 
   import.listNum = 0
 }

Bis dann

Im directory uploads/media/liegt das in der advanced-Page includete Bild, und noch ein weiteres. Durch listNum müsste also das erste rausgepickt werden.

mcmz ·

hallöle,

temp.headerimage = IMAGE
temp.headerimage {
file {
import.field = media
import = uploads/media/
import.listNum = 0

}
}

den code würd ich zuerst mal so übernehmen und irgendwo oben ins setup knallen.

dann kannst du deinen marker einfach damit belegen:

 marks.MARKER_HEADCHANGER < temp.headerimage

nach eva zwerg sollte das so klappen. #paralyzed#

sieht später einfach auch aufgeräumter aus.

grüße

theo ·

@toyde:
ich hab da den schweren verdacht, daß das problem ein simpler bedienungs- bzw. verständnisfehler deinerseits ist. jedenfalls glaube ich, das zwischen deinen zeilen heraushören zu können.

das einbinden des mediafeldes funktioniert nach folgendem prinzip:
du wählst dir dort deine gewünschte datei aus deinem fileadmin-ordner raus, in deinem fall aus dem ordner fileadmin/images.
beim abspeichern kopiert nun typo3 das bild automatisch in den ordner media/uploads und referenziert darauf. deswegen ist bei "import" hier immer der ordner media/uploads anzugeben, egal wo du die datei eigentlich herauspickst. das ganze hat natürlich auch seinen sinn, aber das ist ein anderes thema...

falls ich da falsch liege mit meiner vermutung, dann vergiß den ganzen sermon gleich wieder... 😉 (ich kam jetzt nur drauf, weil du da nicht der erste gewesen wärest, der es so mißverstanden hätte)
andererseits gibt es keine erklärung, warum der code bei dir nicht funktionieren sollte. dann liegt das problem wohl ganz woanders.

übrigens

toyde schrieb

1. So verschwindet mein Marker, aber kein Bild wird immernoch nicht gesetzt:

dann ist ja doch alles in ordnung... #giggle#

toyde ·

schade schade.
Schon möglich, dass der obige Code richtig ist, aber mein Marker steht immer noch mit "###MARKER_HEADCHANGER###" auf der Page.
Ich habe mehrere Marker, die aber korrekt ersetzt werden, habe mehrere Navigationen, beispielsweise:

### FOOTER-Config
 marks.MARKER_FOOTER = HMENU
 marks.MARKER_FOOTER {
   special = directory
   special.value = 167
 }
 marks.MARKER_FOOTER.1 = TMENU
 marks.MARKER_FOOTER.1.NO.linkWrap = <td class="FOOTER-no" width="" height="22" align="left">|&nbsp;&#124;&nbsp;</td> |*| <td.....

Und das klappt tadellos.

Wieso wird denn der Marker nicht überschrieben? Ich meine, nicht einmal "leer", also weiss wird ausgegeben.

toyde ·
theo schrieb

du wählst dir dort deine gewünschte datei aus deinem fileadmin-ordner raus, in deinem fall aus dem ordner fileadmin/images.
beim abspeichern kopiert nun typo3 das bild automatisch in den ordner media/uploads und referenziert darauf. deswegen ist bei "import" hier immer der ordner media/uploads anzugeben, egal wo du die datei eigentlich herauspickst.

Ja, die Beobachtung habe ich gestern auch gemacht. Also hat die advanced Page nix mit meinem Problem zu tun. thx im Nachhinein.

Habe eben 2 Pics im uploads/media, doch mit genau diesem Code:

### Bild Wechsler Config
 temp.headerimage = IMAGE 
 temp.headerimage { 
   file { 
     import = uploads/media/ 
     import.field = media 
     import.listNum = 0 
   } 
 }
 marks.MARKER_HEADCHANGER < temp.headerimage

passiert nix. Der Marker hängt immer noch in der Seite.

theo ·

wie ich eben erst bemerkt habe, hast du ja auch zwischenzeitlich sogar die "file"-zeile rausgenommen. warum denn? von mir haste das jedenfalls nich... 😉
das kann natürlich nicht funktionieren.

also nicht so

 marks.MARKER_HEADCHANGER = IMAGE
marks.MARKER_HEADCHANGER {
   import.field = media
   import = uploads/media/
   import.listNum = 0
}

sondern so

 marks.MARKER_HEADCHANGER = IMAGE
marks.MARKER_HEADCHANGER {
   file {
   import.field = media
   import = uploads/media/
   import.listNum = 0
   }
}

aber soweit waren wir ja schonmal... 😉

toyde ·

hm, nächste Runde.

@theo - das war auch nur darum, weil ich durchprobiert habe. In der TSref steht auch was auf Seite 50 von Image-Import, aber ich komm einfach nicht vom Fleck.

Immerhin:

### Bild Wechsler Config
marks.MARKER_HEADCHANGER = IMAGE 
marks.MARKER_HEADCHANGER { 
   file { 
   import.field = media 
   import = uploads/media/ 
   import.listNum = 0 
   } 
}

Dieser Code lässt meinen Marker verschwinden 😉
--> aber in der Site und dem Quelltext ist es leer.

Has sonst noch jemand eine Idee?