{"id":2860,"date":"2012-10-21T23:28:06","date_gmt":"2012-10-21T21:28:06","guid":{"rendered":"http:\/\/www.frische-zitronen.de\/?p=2860"},"modified":"2012-10-21T23:28:06","modified_gmt":"2012-10-21T21:28:06","slug":"contao-backgroundstretcher","status":"publish","type":"post","link":"https:\/\/www.jukemedia.de\/blog\/2012\/10\/contao-backgroundstretcher\/","title":{"rendered":"Contao: Vollfl\u00e4chige Hintergrundbilder mit dem Backgroundstretcher"},"content":{"rendered":"

\"\"<\/a>Das Hintergrundbild einer Webseite ist ein beliebtes Stilmittel um eine Webseite zu gestalten weil gro\u00dfe, imposante Fotos gro\u00dfe, imposante Eindr\u00fccke hinterlassen. Mit dem Contao Backgroundstretcher<\/strong> und jetzt auch neu mit dem Contao easy Backgroundstretcher<\/strong> ist dies jede Contao-Installation ohne viel Umst\u00e4nde m\u00f6glich.<\/p>\n

Weitestgehend unabh\u00e4ngig von der Gr\u00f6\u00dfe des Bildes wird das Foto mit der Javascript Bibliothek jQuery immer passend auf die jeweilige Monitorgr\u00f6\u00dfe skaliert – und wenn man m\u00f6chte auch noch mehr, denn der Backgroundstretcher ist, im Unterschied zum easy Backgroundstretcher au\u00dferdem auch eine Hintergrund-Slideshow.<\/p>\n

Demo anschauen<\/a><\/p>\n

Background Stretcher
\n(Slideshow f\u00fcr Hintergrundbilder in einer Contao Webseite)<\/h3>\n\n\n\n\n\n
Lizenz<\/th>\nLGPL<\/td>\n<\/tr>\n
Urheberrecht<\/th>\n\u00a9 2011 Fauth & Gundlach GmbH [contao-agentur.de] \/ ajaxblender.com<\/td>\n<\/tr>\n
Autor<\/th>\nSabri Karadayi (dieka) http:\/\/www.fauth-gundlach.de<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Die Erweiterung backgroundstretcher im Katalog<\/h4>\n

bgstretcher<\/a><\/p>\n

Easy Background Stretcher
\nEinf\u00fcgen eines statischen Hintergrundbildes<\/h3>\n\n\n\n\n\n
Lizenz<\/th>\nGNU Lesser Public License (LGPL)<\/td>\n<\/tr>\n
Urheberrecht<\/th>\n\u00a9 2012 Christian Barkowsky<\/td>\n<\/tr>\n
Autor<\/th>\nChristian Barkowsky (christian.barkowsky) http:\/\/www.christianbarkowsky.de<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Die Erweiterung backgroundstretcher im Katalog<\/h3>\n

Contao 2.11.x | \/easy_bg_stretcher.10000009.de.html<\/a>
\nContao 3 | easy_bg_stretcher.10000019.de.html<\/a><\/p>\n

Installationshinweise Backgroundstretcher<\/h3>\n

1. Slider anlegen, Optionen w\u00e4hlen und Bilder hinzuf\u00fcgen<\/h4>\n

Nach der Installation der Erweiterung \u00fcber den Erweiterungskatalog steht in der Werkzeugleiste des Backends ein neuer Men\u00fcpunkt mit der Aufschrift „Background stretcher“ bereit. \u00dcber diesen Men\u00fcpunkt wird zun\u00e4chst der Backgroundstretcher („Slideshow“) angelegt. Bei den Optionen k\u00f6nnen neben der Gr\u00f6\u00dfe auch die Einblendungsdauer, die Effektart und -dauer als auch die Abspielreihenfolge gew\u00e4hlt werden. Sind die Optionen gew\u00e4hlt wird der Hintergrundstretcher abgespeichert. \u00dcber das Bearbeiten-Symbol und „neues Element einf\u00fcgen“ werden nun die Bilder, die als Hintergrundbild verwendet werden sollen, hinzugef\u00fcgt.<\/p>\n

2. Modul erstellen<\/h4>\n

Als n\u00e4chstes muss ein Modul vom Typ „Backgroundstretcher“ erstellt werden. Anschlie\u00dfend das Modul entweder im Artikel als Inhaltselement einf\u00fcgen oder in der Seitenvorlage bei den Modulen hinzuf\u00fcgen (Layoutbereich ist egal). Bei der Seitenvorlage drauf achten, dass Jquery aktiviert ist.<\/p>\n

Erweiterte Optionen<\/h3>\n

Weitere Einstellm\u00f6glichkeiten
\nhttp:\/\/www.ajaxblender.com\/bgstretcher-2-jquery-stretch-background-plugin-updated.html<\/a><\/p>\n

Hinweise Easy Backgroundstretcher<\/h3>\n

Easy Backgroundstretcher ist so etwas wie der kleiner Bruder von Backgroundstretcher, denn er verzichtet auf Einstellm\u00f6glichkeiten und Bildwechsel. Er eignet sich immer dann, wenn nur ein (1) Bild als sich auf die jeweilige Monitorgr\u00f6\u00dfe anpassendes, Hintergrundbild eingesetzt werden soll.<\/p>\n

Installation<\/h4>\n

Nach der Installation steht der easy backgroundstretcher als Inhaltselement zur Verf\u00fcgung. Einfach in den Artikel gehen, das Inhaltselement einf\u00fcgen, Bild aussuchen – fertig.<\/p>\n

Hinweis: In der Seitenvorlage muss jQuery aktiviert sein.<\/strong>
\nWenn’s nicht tut, moo_jquery_nc aktivieren.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

Mit dem Contao Backgroundstretcher und jetzt auch neu mit dem Contao easy Backgroundstretcher lassen sich im CMS Contao skalierende Hintergrundbilder kinderleicht einf\u00fcgen.<\/p>\n","protected":false},"author":1,"featured_media":2870,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[93,152,389],"yst_prominent_words":[],"class_list":["post-2860","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-contao","tag-contao","tag-weblog-cms","tag-jquery"],"_links":{"self":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/2860","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/comments?post=2860"}],"version-history":[{"count":0,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/2860\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/media\/2870"}],"wp:attachment":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/media?parent=2860"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/categories?post=2860"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/tags?post=2860"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=2860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}