{"id":90,"date":"2010-03-19T08:39:58","date_gmt":"2010-03-19T08:39:58","guid":{"rendered":"https:\/\/www.taywa.ch\/blog\/?p=90"},"modified":"2012-01-17T13:51:27","modified_gmt":"2012-01-17T13:51:27","slug":"typo3-mehrere-bilder-resources-levelmedia","status":"publish","type":"post","link":"https:\/\/www.taywa.ch\/blog\/typo3\/typoscript\/typo3-mehrere-bilder-resources-levelmedia\/","title":{"rendered":"In Typo3 mehrere Bilder von Seiteneigenschaft Resources per &#8222;levelmedia&#8220; mit TypoScript nutzen"},"content":{"rendered":"<p><strong>Problem:<\/strong> Wir m\u00f6chten in Typo3 mehrere Bilder aus dem Tab Resourcen->File der Seiteneigenschaften ausgeben. Und deren Bildgr\u00f6sse speziell einstellen &#8211; bzw. eine eigene Breite \/ H\u00f6he unabh\u00e4ngig von den Inhaltsbildern.<\/p>\n<p><strong>L\u00f6sung:<\/strong> Die Bilder sind in der DB im Feld &#8218;media&#8216; gespeichert. Im typoscript sind sie \u00fcber &#8222;levelmedia&#8220; verf\u00fcgbar. Mehr zu levelmedia:<br \/>\n<a href=\"http:\/\/typo3.org\/documentation\/document-library\/references\/doc_core_tsref\/4.1.0\/view\/2\/2\/\">http:\/\/typo3.org\/documentation\/document-library\/references\/doc_core_tsref\/4.1.0\/view\/2\/2\/<\/a><\/p>\n<p>Die h\u00e4ufigsten Verwendungen von levelmedia bei Typo3 sind headerbilder, hintergrundbilder oder slideshows. ob ein bild nun um header, im hintergrund oder als slideshow gebraucht wird, spielt f\u00fcr das typoscript keine rolle. levelmedia wird meistens so gebraucht:<\/p>\n<div class=\"typoscript dean_ch\"><span class=\"co1\">\/\/nimm meine eigenen bilder, wenn ich keine habe, nimm die der elternseite, usw.. <\/span><br \/>\ndata <span class=\"sy0\">=<\/span> levelmedia<span class=\"sy0\">:<\/span>&#8211;<span class=\"nu0\">1<\/span>, slide<\/p>\n<p><span class=\"co1\">\/\/nimm meine eigenen, wenn ich keine habe, lass alles leer <\/span><br \/>\ndata <span class=\"sy0\">=<\/span> levelmedia<span class=\"sy0\">:<\/span>&#8211;<span class=\"nu0\">1<\/span><br \/>\nrequired <span class=\"sy0\">=<\/span> <span class=\"nu0\">1<\/span><\/div>\n<p>Hier ein Typoscript Snippet das mehrere Bilder aus dem media Feld ausgeben kann:<\/p>\n<div class=\"typoscript dean_ch\"><span class=\"re5\">temp<\/span><span class=\"sy0\">.<\/span>slideshow <span class=\"sy0\">=<\/span> <a href=\"http:\/\/www.typo3.net\/tsref\/cobject\/coa\/\"><span class=\"kw4\">COA<\/span><\/a><br \/>\n<span class=\"re5\">temp<\/span><span class=\"sy0\">.<\/span>slideshow <span class=\"br0\">&#123;<\/span><br \/>\n&nbsp; &nbsp; <span class=\"nu0\">1<\/span> <span class=\"sy0\">=<\/span> <a href=\"http:\/\/www.typo3.net\/tsref\/cobject\/coa\/\"><span class=\"kw4\">COA<\/span><\/a><br \/>\n&nbsp; &nbsp; <span class=\"nu0\">1<\/span> <span class=\"br0\">&#123;<\/span><br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; <a href=\"http:\/\/www.typo3.net\/tsref\/functions\/stdwrap\/\"><span class=\"kw2\">stdWrap<\/span><\/a><span class=\"sy0\">.<\/span>required<span class=\"sy0\">=<\/span><span class=\"nu0\">1<\/span><br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; <a href=\"http:\/\/www.typo3.net\/tsref\/functions\/stdwrap\/\"><span class=\"kw2\">stdWrap<\/span><\/a><span class=\"sy0\">.<\/span>outerWrap<span class=\"sy0\">.<\/span>cObject <span class=\"sy0\">=<\/span> <a href=\"http:\/\/www.typo3.net\/tsref\/cobject\/text\/\"><span class=\"kw4\">TEXT<\/span><\/a><br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; <a href=\"http:\/\/www.typo3.net\/tsref\/functions\/stdwrap\/\"><span class=\"kw2\">stdWrap<\/span><\/a><span class=\"sy0\">.<\/span>outerWrap<span class=\"sy0\">.<\/span>cObject<span class=\"sy0\">.<\/span>value <span class=\"sy0\">=<\/span> <span class=\"sy0\">&lt;<\/span> img src<span class=\"sy0\">=<\/span>&quot; <span class=\"sy0\">|<\/span> &quot; width<span class=\"sy0\">=<\/span>&quot;<span class=\"nu0\">470<\/span>&quot; height<span class=\"sy0\">=<\/span>&quot;<span class=\"nu0\">180<\/span>&quot; <span class=\"sy0\">\/&gt;<\/span> <br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; <span class=\"nu0\">2<\/span> <span class=\"sy0\">=<\/span> <a href=\"http:\/\/www.typo3.net\/tsref\/cobject\/img_resource\/\"><span class=\"kw4\">IMG_RESOURCE<\/span><\/a><br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; <span class=\"nu0\">2<\/span> <span class=\"br0\">&#123;<\/span><br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class=\"re5\">file<\/span> <span class=\"br0\">&#123;<\/span> <br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; import<span class=\"sy0\">.<\/span>data <span class=\"sy0\">=<\/span> levelmedia<span class=\"sy0\">:<\/span>&#8211;<span class=\"nu0\">1<\/span><br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; import <span class=\"sy0\">=<\/span> uploads<span class=\"sy0\">\/<\/span>media<span class=\"sy0\">\/<\/span><br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; import<span class=\"sy0\">.<\/span>listNum <span class=\"sy0\">=<\/span> <span class=\"nu0\">0<\/span><\/p>\n<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class=\"co1\">\/\/Bildgr\u00f6sse festlegen (c = cut: auf diese breite\/h\u00f6he zuschneiden)<\/span><br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width <span class=\"sy0\">=<\/span> 470c<br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height <span class=\"sy0\">=<\/span> 180c<br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class=\"br0\">&#125;<\/span><br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; <span class=\"br0\">&#125;<\/span> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br \/>\n&nbsp; &nbsp; <span class=\"br0\">&#125;<\/span><br \/>\n&nbsp; &nbsp; <span class=\"nu0\">2<\/span> <span class=\"sy0\">&lt;<\/span> <span class=\"sy0\">.<\/span>1<br \/>\n&nbsp; &nbsp; <span class=\"nu0\">2.2<\/span><span class=\"sy0\">.<\/span>file<span class=\"sy0\">.<\/span>import<span class=\"sy0\">.<\/span>listNum <span class=\"sy0\">=<\/span> <span class=\"nu0\">1<\/span><br \/>\n&nbsp; &nbsp; <span class=\"nu0\">3<\/span> <span class=\"sy0\">&lt;<\/span> <span class=\"sy0\">.<\/span>1<br \/>\n&nbsp; &nbsp; <span class=\"nu0\">3.2<\/span><span class=\"sy0\">.<\/span>file<span class=\"sy0\">.<\/span>import<span class=\"sy0\">.<\/span>listNum <span class=\"sy0\">=<\/span> <span class=\"nu0\">2<\/span><br \/>\n&nbsp; &nbsp; <span class=\"nu0\">4<\/span> <span class=\"sy0\">&lt;<\/span> <span class=\"sy0\">.<\/span>1<br \/>\n&nbsp; &nbsp; <span class=\"nu0\">4.2<\/span><span class=\"sy0\">.<\/span>file<span class=\"sy0\">.<\/span>import<span class=\"sy0\">.<\/span>listNum <span class=\"sy0\">=<\/span> <span class=\"nu0\">3<\/span><br \/>\n&nbsp; &nbsp; <span class=\"nu0\">5<\/span> <span class=\"sy0\">&lt;<\/span> <span class=\"sy0\">.<\/span>1<br \/>\n&nbsp; &nbsp; <span class=\"nu0\">5.2<\/span><span class=\"sy0\">.<\/span>file<span class=\"sy0\">.<\/span>import<span class=\"sy0\">.<\/span>listNum <span class=\"sy0\">=<\/span> <span class=\"nu0\">4<\/span><br \/>\n&nbsp; &nbsp; <span class=\"nu0\">6<\/span> <span class=\"sy0\">&lt;<\/span> <span class=\"sy0\">.<\/span>1<br \/>\n&nbsp; &nbsp; <span class=\"nu0\">6.2<\/span><span class=\"sy0\">.<\/span>file<span class=\"sy0\">.<\/span>import<span class=\"sy0\">.<\/span>listNum <span class=\"sy0\">=<\/span> <span class=\"nu0\">5<\/span><br \/>\n&nbsp; &nbsp; <span class=\"nu0\">7<\/span> <span class=\"sy0\">&lt;<\/span> <span class=\"sy0\">.<\/span>1<br \/>\n&nbsp; &nbsp; <span class=\"nu0\">7.2<\/span><span class=\"sy0\">.<\/span>file<span class=\"sy0\">.<\/span>import<span class=\"sy0\">.<\/span>listNum <span class=\"sy0\">=<\/span> <span class=\"nu0\">6<\/span><br \/>\n&nbsp; &nbsp; <span class=\"nu0\">8<\/span> <span class=\"sy0\">&lt;<\/span> <span class=\"sy0\">.<\/span>1<br \/>\n&nbsp; &nbsp; <span class=\"nu0\">8.2<\/span><span class=\"sy0\">.<\/span>file<span class=\"sy0\">.<\/span>import<span class=\"sy0\">.<\/span>listNum <span class=\"sy0\">=<\/span> <span class=\"nu0\">7<\/span><br \/>\n&nbsp; &nbsp; <span class=\"nu0\">9<\/span> <span class=\"sy0\">&lt;<\/span> <span class=\"sy0\">.<\/span>1<br \/>\n&nbsp; &nbsp; <span class=\"nu0\">9.2<\/span><span class=\"sy0\">.<\/span>file<span class=\"sy0\">.<\/span>import<span class=\"sy0\">.<\/span>listNum <span class=\"sy0\">=<\/span> <span class=\"nu0\">8<\/span><br \/>\n&nbsp; &nbsp; <span class=\"nu0\">10<\/span> <span class=\"sy0\">&lt;<\/span> <span class=\"sy0\">.<\/span>1<br \/>\n&nbsp; &nbsp; <span class=\"nu0\">10.2<\/span><span class=\"sy0\">.<\/span>file<span class=\"sy0\">.<\/span>import<span class=\"sy0\">.<\/span>listNum <span class=\"sy0\">=<\/span> <span class=\"nu0\">9<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><\/div>\n<p><strong>Das typo3 setup im Backend:<\/strong><br \/>\nDamit man mehr als 5 Bilder in das resources->files Feld abspeichern kann, muss die max 5 Limite aufgehoben werden. das macht man \u00fcber die typo3conf\/extTables.php mit folgenden zeilen:<\/p>\n<div class=\"php dean_ch\"><span class=\"co1\">\/\/ Mehr als 5 Mediendateien (Ressourcen) in den Seiteneigenschaften erlauben<\/span><br \/>\n<span class=\"re0\">$TCA<\/span><span class=\"br0\">&#91;<\/span><span class=\"st_h\">&#8218;pages&#8216;<\/span><span class=\"br0\">&#93;<\/span><span class=\"br0\">&#91;<\/span><span class=\"st_h\">&#8218;columns&#8216;<\/span><span class=\"br0\">&#93;<\/span><span class=\"br0\">&#91;<\/span><span class=\"st_h\">&#8218;media&#8216;<\/span><span class=\"br0\">&#93;<\/span><span class=\"br0\">&#91;<\/span><span class=\"st_h\">&#8218;config&#8216;<\/span><span class=\"br0\">&#93;<\/span><span class=\"br0\">&#91;<\/span><span class=\"st_h\">&#8218;maxitems&#8216;<\/span><span class=\"br0\">&#93;<\/span> <span class=\"sy0\">=<\/span> <span class=\"nu0\">20<\/span><span class=\"sy0\">;<\/span> &nbsp;<span class=\"co1\">\/\/anzahl dateien<\/span><br \/>\n<span class=\"re0\">$TCA<\/span><span class=\"br0\">&#91;<\/span><span class=\"st_h\">&#8218;pages&#8216;<\/span><span class=\"br0\">&#93;<\/span><span class=\"br0\">&#91;<\/span><span class=\"st_h\">&#8218;columns&#8216;<\/span><span class=\"br0\">&#93;<\/span><span class=\"br0\">&#91;<\/span><span class=\"st_h\">&#8218;media&#8216;<\/span><span class=\"br0\">&#93;<\/span><span class=\"br0\">&#91;<\/span><span class=\"st_h\">&#8218;config&#8216;<\/span><span class=\"br0\">&#93;<\/span><span class=\"br0\">&#91;<\/span><span class=\"st_h\">&#8217;size&#8216;<\/span><span class=\"br0\">&#93;<\/span> <span class=\"sy0\">=<\/span> <span class=\"nu0\">11<\/span><span class=\"sy0\">;<\/span> &nbsp;<span class=\"co1\">\/\/gr\u00f6sse des auswahlfeldes &quot;files&quot; im typo3 backend<\/span><\/div>\n<p>und nicht vergessen: damit bei typo3 die typo3conf\/extTables.php ber\u00fccksichtigt, muss im typo3conf\/localconf.php stehen:<\/p>\n<div class=\"php dean_ch\"><span class=\"re0\">$typo_db_extTableDef_script<\/span> <span class=\"sy0\">=<\/span> <span class=\"st_h\">&#8218;extTables.php&#8216;<\/span><span class=\"sy0\">;<\/span><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Problem: Wir m\u00f6chten in Typo3 mehrere Bilder aus dem Tab Resourcen->File der Seiteneigenschaften ausgeben. Und deren Bildgr\u00f6sse speziell einstellen &#8211; bzw. eine eigene Breite \/ H\u00f6he unabh\u00e4ngig von den Inhaltsbildern. L\u00f6sung: Die Bilder sind in der DB im Feld &#8218;media&#8216; gespeichert. Im typoscript sind sie \u00fcber &#8222;levelmedia&#8220; verf\u00fcgbar. Mehr zu levelmedia: http:\/\/typo3.org\/documentation\/document-library\/references\/doc_core_tsref\/4.1.0\/view\/2\/2\/ Die h\u00e4ufigsten Verwendungen<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,4],"tags":[39,77,16,78,55,180,181],"class_list":["post-90","post","type-post","status-publish","format-standard","hentry","category-typo3_setup","category-typoscript","tag-ausgeben","tag-bilder","tag-imagesize","tag-listnum","tag-localconf-php","tag-typo3","tag-typoscript"],"_links":{"self":[{"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/posts\/90","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=90"}],"version-history":[{"count":14,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/posts\/90\/revisions"}],"predecessor-version":[{"id":94,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/posts\/90\/revisions\/94"}],"wp:attachment":[{"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/media?parent=90"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/categories?post=90"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/tags?post=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}