Verschiedene Bildgrössen bei Typo3

Problem: Je nach Position im Text, Spalte oder Inhaltsramen sollen die Bilder andere Grössen haben. Zum Beispiel:

Normale Spalte 500px, Rechte spalte 180px
Im Text Links (ohne Umbruch) 180px, Im Text Rechts 250px

Lösung: Im Setup des Typoscript folgenden Code einfügen:

# maximalgrösse im Text entfernen, standard ist 50% 
tt_content.textpic.20.maxWInText >

tt_content.textpic.20.maxW.cObject = CASE
tt_content.textpic.20.maxW.cObject {

	# kann ein beliebiges feld aus tt_content sein. zB: section_frame, colpos
	key.field = imageorient		

	default = TEXT
	default.value = 280m

	# Above, left
	2 = TEXT	
	2.value = 518m
	
	# In text, left - intext grösen müssen 200% der gewünschten grösse sein
	18 = TEXT	
	18.value = 340m

	#In text, right (nowrap)
	25 = TEXT	
	25.value = 180m
}

# maximalgrösse im Text entfernen, standard ist 50%

tt_content.textpic.20.maxWInText >

tt_content.textpic.20.maxW.cObject = CASE

tt_content.textpic.20.maxW.cObject {

# kann ein beliebiges feld aus tt_content sein. zB: section_frame, colpos

key.field = imageorient

default = TEXT

default.value = 280m

# Above, left

2 = TEXT

2.value = 518m

# In text, left - intext grösen müssen 200% der gewünschten grösse sein

18 = TEXT

18.value = 340m

#In text, right (nowrap)

25 = TEXT

25.value = 180m

}

Und hier noch die Werte der verschiedenen Bildpositionierungen (imageorient)

tt_content.imageorient {
#0 = Above, center
#1 = Above, right
#2 = Above, left
#8 = Below, center
#9 = Below, right
#10 = Below, left
#17 = In text, right
#18 = In text, left
#25 = In text, right (nowrap)
#26 = In text, left (nowrap)
}

tt_content.imageorient {

#0 = Above, center

#1 = Above, right

#2 = Above, left

#8 = Below, center

#9 = Below, right

#10 = Below, left

#17 = In text, right

#18 = In text, left

#25 = In text, right (nowrap)

#26 = In text, left (nowrap)

}

Klasse, funktioniert, danke! Jetzt muss ich nur noch kapieren, was ich da kopiert habe, aber das finde ich noch heraus. 😉

Kommentar by Conny — 25. Oktober 2011 @ 13:31

Vielen Dank hier für!

Zeile 4-5 ist „maxW“ durch „maxWInText“ zu ersetzen.

Gruß Alex K.

Kommentar by Alex K — 22. Juli 2014 @ 08:37

Netzkompetenz