{"id":7,"date":"2010-02-19T16:38:37","date_gmt":"2010-02-19T16:38:37","guid":{"rendered":"https:\/\/www.taywa.ch\/blog\/?p=7"},"modified":"2010-02-21T16:16:03","modified_gmt":"2010-02-21T16:16:03","slug":"verschiedene-bildgrossen-bei-typo3","status":"publish","type":"post","link":"https:\/\/www.taywa.ch\/blog\/typo3\/typoscript\/verschiedene-bildgrossen-bei-typo3\/","title":{"rendered":"Verschiedene Bildgr\u00f6ssen bei Typo3"},"content":{"rendered":"<p>Problem: Je nach Position im Text, Spalte oder Inhaltsramen sollen die Bilder andere Gr\u00f6ssen haben. Zum Beispiel:<\/p>\n<ul>\n<li>Normale Spalte 500px, Rechte spalte 180px<\/li>\n<li>Im Text Links (ohne Umbruch) 180px, Im Text Rechts  250px<\/li>\n<\/ul>\n<p>L\u00f6sung: Im Setup des Typoscript folgenden Code einf\u00fcgen:<\/p>\n<div class=\"typoscript dean_ch\"><span class=\"co2\"># maximalgr\u00f6sse im Text entfernen, standard ist 50% <\/span><br \/>\n<span class=\"re3\">tt_content<\/span><span class=\"sy0\">.<\/span>textpic<span class=\"sy0\">.<\/span>20<span class=\"sy0\">.<\/span>maxWInText <span class=\"sy0\">&gt;<\/span><\/p>\n<p><span class=\"re3\">tt_content<\/span><span class=\"sy0\">.<\/span>textpic<span class=\"sy0\">.<\/span>20<span class=\"sy0\">.<\/span>maxW<span class=\"sy0\">.<\/span>cObject <span class=\"sy0\">=<\/span> <a href=\"http:\/\/www.typo3.net\/tsref\/cobject\/case\/\"><span class=\"kw4\">CASE<\/span><\/a><br \/>\n<span class=\"re3\">tt_content<\/span><span class=\"sy0\">.<\/span>textpic<span class=\"sy0\">.<\/span>20<span class=\"sy0\">.<\/span>maxW<span class=\"sy0\">.<\/span>cObject <span class=\"br0\">&#123;<\/span><\/p>\n<p>&nbsp; &nbsp; <span class=\"co2\"># kann ein beliebiges feld aus tt_content sein. zB: section_frame, colpos<\/span><br \/>\n&nbsp; &nbsp; key<span class=\"sy0\">.<\/span>field <span class=\"sy0\">=<\/span> imageorient &nbsp; &nbsp; <\/p>\n<p>&nbsp; &nbsp; default <span class=\"sy0\">=<\/span> <a href=\"http:\/\/www.typo3.net\/tsref\/cobject\/text\/\"><span class=\"kw4\">TEXT<\/span><\/a><br \/>\n&nbsp; &nbsp; default<span class=\"sy0\">.<\/span>value <span class=\"sy0\">=<\/span> 280m<\/p>\n<p>&nbsp; &nbsp; <span class=\"co2\"># Above, left<\/span><br \/>\n&nbsp; &nbsp; <span class=\"nu0\">2<\/span> <span class=\"sy0\">=<\/span> <a href=\"http:\/\/www.typo3.net\/tsref\/cobject\/text\/\"><span class=\"kw4\">TEXT<\/span><\/a>&nbsp; &nbsp; <br \/>\n&nbsp; &nbsp; <span class=\"nu0\">2<\/span><span class=\"sy0\">.<\/span>value <span class=\"sy0\">=<\/span> 518m<br \/>\n&nbsp; &nbsp; <br \/>\n&nbsp; &nbsp; <span class=\"co2\"># In text, left &#8211; intext gr\u00f6sen m\u00fcssen 200% der gew\u00fcnschten gr\u00f6sse sein<\/span><br \/>\n&nbsp; &nbsp; <span class=\"nu0\">18<\/span> <span class=\"sy0\">=<\/span> <a href=\"http:\/\/www.typo3.net\/tsref\/cobject\/text\/\"><span class=\"kw4\">TEXT<\/span><\/a> &nbsp; <br \/>\n&nbsp; &nbsp; <span class=\"nu0\">18<\/span><span class=\"sy0\">.<\/span>value <span class=\"sy0\">=<\/span> 340m<\/p>\n<p>&nbsp; &nbsp; <span class=\"co2\">#In text, right (nowrap)<\/span><br \/>\n&nbsp; &nbsp; <span class=\"nu0\">25<\/span> <span class=\"sy0\">=<\/span> <a href=\"http:\/\/www.typo3.net\/tsref\/cobject\/text\/\"><span class=\"kw4\">TEXT<\/span><\/a> &nbsp; <br \/>\n&nbsp; &nbsp; <span class=\"nu0\">25<\/span><span class=\"sy0\">.<\/span>value <span class=\"sy0\">=<\/span> 180m<br \/>\n<span class=\"br0\">&#125;<\/span><\/div>\n<p>Und hier noch die Werte der verschiedenen Bildpositionierungen (imageorient)<\/p>\n<div class=\"typoscript dean_ch\"><span class=\"re3\">tt_content<\/span><span class=\"sy0\">.<\/span>imageorient <span class=\"br0\">&#123;<\/span><br \/>\n<span class=\"co2\">#0 = Above, center<\/span><br \/>\n<span class=\"co2\">#1 = Above, right<\/span><br \/>\n<span class=\"co2\">#2 = Above, left<\/span><br \/>\n<span class=\"co2\">#8 = Below, center<\/span><br \/>\n<span class=\"co2\">#9 = Below, right<\/span><br \/>\n<span class=\"co2\">#10 = Below, left<\/span><br \/>\n<span class=\"co2\">#17 = In text, right<\/span><br \/>\n<span class=\"co2\">#18 = In text, left<\/span><br \/>\n<span class=\"co2\">#25 = In text, right (nowrap)<\/span><br \/>\n<span class=\"co2\">#26 = In text, left (nowrap)<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Problem: Je nach Position im Text, Spalte oder Inhaltsramen sollen die Bilder andere Gr\u00f6ssen haben. Zum Beispiel: Normale Spalte 500px, Rechte spalte 180px Im Text Links (ohne Umbruch) 180px, Im Text Rechts 250px L\u00f6sung: Im Setup des Typoscript folgenden Code einf\u00fcgen: # maximalgr\u00f6sse im Text entfernen, standard ist 50% tt_content.textpic.20.maxWInText &gt; tt_content.textpic.20.maxW.cObject = CASE tt_content.textpic.20.maxW.cObject<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[16,181],"class_list":["post-7","post","type-post","status-publish","format-standard","hentry","category-typoscript","tag-imagesize","tag-typoscript"],"_links":{"self":[{"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/posts\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":6,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/posts\/7\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/posts\/7\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/media?parent=7"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/categories?post=7"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/tags?post=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}