Cover Image Fullsize Background MooSize

**Messa** · 08.09.2011, 14:17

Hi Oli.

Ja kein Ding

Wie gesgt soviel aufwand ist es dann auch nicht.
Es benötig nur ein Modul das die Bilder lädt und die Java datei.
Werde sobald ich luft habe starten

Da es aber meine erste Erweiterung sein wird kann das ein bisschen dauern

lg Matthias

**tio** · 11.09.2011, 15:30

hallo zusammen,

habe nach wiki gearbeit und meine soweit auch fehlerfrei... leider wird mir aber das Hintergrundbild nicht automatisch auf die aktuelle Bildschirmgrösse skaliert... das war doch so gedacht!?

ich kriege nun einen Längsscroll...
der sollte nicht sein... oder habe ich da was falsch verstanden...

PS. habe die Bilder natürlich nur testweise genommen um mal alles zu checken...

für jegliche Infos sehr dankbar.
ciao.

t

**Messa** · 12.09.2011, 07:53

Tja.
Du hast auch keine Korrekturen an den TPL's vorgenommen.

Bei dir im HTML CODE:

Code:

<div class="ce_pageimages block">

<div class="image_container">
<img src="tl_files/Layout/Backgrounds/startseite.jpg" width="1850" height="1366" alt="startseite" />

</div></div>

Richtig:

Code:

<div id="passepartout">
<div id="supersize">
<img class="activeslide"  src="system/modules/lazy_load/html/blank.gif" data-src="tl_files/weare/bg/startseite.jpg" width="1850" height="1366" alt="startseite" />
</div>
</div>

Und die Moosize Java ist auch nicht drinnen!

Lies dir bitte die Anleitung druch!

http://de.contaowiki.org/Fullsize_Ba...Tools_MooSizer

lg Matthias

**tio** · 12.09.2011, 17:55

hi,

der Fehler lag übrigens daran, das mit unter > Themes > in den Experten-Einstellungen unter Ausgabeformat wieder auf XHTML gegangen ist... nachdem ich wieder auf HTML umgestellt habe gehts nun prima...

coooooole Sache... :-)

PS. da dies ja einiges an Ladezeit benötigt, wäre es möglich die Bilder bereits voraus zu laden !?

ciao
thanks

**Messa** · 13.09.2011, 07:29

Kommt drauf an wie du das meinst?

Du könntest einen Preloader generell für die Seite machen.
http://davidwalsh.name/mootools-imag...g-progress-bar

http://www.contao-community.de/showt...f-dem-Schlauch...

Und somit die ganzen Bilder vorladen lassen

Noch ein Tipp am Rande.

In Photoshop Bilder Speichern

Datei - Für Web und Geräte speichern - dien wunsch Format wählen (Bie normalen Bildern JPG) und 70-80 % Quali. wählen.
Dann sind die Bilder von der Größe her annehmbar.

lg Matthias

**tio** · 13.09.2011, 15:01

hi danke für die interessanten Infos,
werde dies gelegentlich mal testen...
ich denke es wäre noch interessant mit dem Start der Site auch die restlichen Seitenbilder vorzuladen...

aber noch was anderes wieso zeigt mit Seitenbilder im Backend von contao die Bilder soooo riesig an...
bei eurem Wiki sind die schön klein... (siehe Bild)

contao.jpg

besten Dank...
ciao.

**Messa** · 13.09.2011, 15:17

Ich vermute, dass lieg an der Speicherung der Bilder.
Die haben sicher 240 oder 300 DPI.
Aber Bilder für die Webseite sollten mit 72 DPI gespeichert werden.
Das geht bei Photoshop über Bild - Bildgröße und dann das letzt auf 72 (denke das es 240 oder 300 bei dir sein wird)
Dann werden die Bilder sicher auch schneller geladen und du brauchst keinen Preloader.

Falls du Photoshop nicht verwendest muss du in deinem Programm der Wahl die Bildgröße anpassen
und dort 72 DPI auswählen.

PS: Diesen Fehler mit den großen Bildern hatte ich auch, Kunde hat wie oben beschrieben 240 und 300 DPI Bilder hochgeladen.
Nach umspeichern auf 72 DPI war alles ok

Liebe Grüße
Matthias

**tio** · 13.09.2011, 16:09

hi,

speichere meine Bilder fürs Web immer mit 72pdi... habe aber 2560 x 1700 Pixel... aber dass muss ich ja liefern, sonst würden die ja ziemlich verpixelt...

ciao.

**Messa** · 13.09.2011, 19:10

Ich habe dieses Format verwendet.
2560px x 1600px 72 DPI

Sonst weiß ich jetzt keine Lösung.

lg Matthias

**tio** · 21.09.2011, 07:50

Zitat von Messa

Ich habe dieses Format verwendet.
2560px x 1600px 72 DPI

Sonst weiß ich jetzt keine Lösung.

lg Matthias

Hi danke fürs supporten...
habe jetzt die identischen Grössen ... sind immer noch riesig... komisch...
was bezweckt eigentlich die Einstellung im Seitenbilder > Kategorie?
seitenbilder.png

die hat keinen Einfluss auf das Backend ... glaube ich mal...
danke
ciao

**Messa** · 21.09.2011, 12:12

Nein

Hat keinen Einfluss.
Hmm. Dann weiß ich leider nicht warums nicht geht.
Oder weshalb das Bild so gorß ist.
Lass mal bei den Einstellungen alles leer wie in meinem Screenshot.

lg Matthias

**ways2web** · 21.09.2011, 12:53

ich hab das alles mal gecleant und valide gemacht (variante mit dem imageslide) zudem darauf geachtet, dass es die anderen mooscripte nicht killt..
werd ich bei gelegenheit hier posten... muss aber erst mal vom kunden abgenommen werden.

**Messa** · 21.09.2011, 20:02

cool danke

Werde ca im November eine Erweiterung dazu programmieren.

lg Matthais

**Thanatos** · 15.11.2011, 08:33

Hallo,

gibt es eine Möglichkeit zu jedem Bild einen Text/Alt-Tag o.ä. zu definieren, so dass ich diesen via CSS als Beschreibung zum jeweiligen Bild stylen kann?

**ways2web** · 15.11.2011, 23:48

ne meta.txt funktioneirt nicht, wenn du die hintergrundbilder in nem eigenen ordner liegen hast?

**Thanatos** · 16.11.2011, 11:41

Nein, funktioniert leider nicht...

**Thanatos** · 17.11.2011, 07:35

Jemand eine Idee? Ein Modul? Einen Tip?

**jojojohann** · 17.11.2011, 16:32

hi,

ich habe das auch mal nach dem Tutorial ganz oben eingebaut. In Safari am mac bleibt es leider weiß ...
(edit: Problem behoben, es dürfen keine umlaute (ä,ü,ö...) im dateinamen sein, dann nimmts auch der safari)

gibt es eine möglichkeit per CSS eine Schraffur (in Form einer png) über jedes Bild zu legen?
Wenn ich dem Body einen Hintergrund zuweise, ist dieser leider immer Hinter dem Background(Seitenbilder)

**Messa** · 21.11.2011, 15:46

ALT sollte schon gehen.
Im Tut ist ganz oben ALT drinnen.
Dann würde ich vor du die TPL des Seiten Image änderst schau nach
wie die das ALT einbinden und übernimm das in das adaptieret TPL.

lg Matthias

**ElMariachi** · 21.11.2011, 21:44

Ist es auch möglich, dass das Bild nicht mitscrollt?
Ich hätte gerne, dass es am oberen Seitenrand klebt. Aber wenn ich bei #bgimage auf absolute (top:0) stelle, dann funktioniert das leider nicht!?

Jetzt funktioniert es mit absolute, aber das bild wird oben abgeschnitten, also Bildteile sind "Über" dem Browser!? Muss man ein best. Bildformat verwenden?

**ways2web** · 21.11.2011, 23:35

bei den verschiedenen seitenverhältnissen ist das recht schwer.. natürlich kannst du dir zwischen all denen eventuell die beste ausrechnen

ansonsten.. bevor du so viel bastelst.. schau dir mal bgstretcher an

**matp** · 14.12.2011, 10:05

Hallo,

bin ein contao neuling könnte mir wer helfen warum es bei mir nicht funktioniert?

http://starkenberger.m-plus-m.at/cms/

Und noch eine frage gibt es mittlerweile eine erweiterung das das hintergrund bild dann automatisch an die Browser Fenstergröße anpasst.

würde euch sehr verbunden wenn mir wer helfen könnte.

nice greetz

matp

**ways2web** · 14.12.2011, 10:17

http://www.contao.org/erweiterungsli...etcher.de.html

die erweiterung kann das.

gruss
ways

**matp** · 14.12.2011, 10:32

Zitat von ways2web

http://www.contao.org/erweiterungsli...etcher.de.html

die erweiterung kann das.

gruss
ways

hallo danke für die rasche antwort

bekomme das leider aber nicht her könntest du mir mal nachschauen

wie gesagt bin ein neuling und kenne mich noch garnicht aus in contao

nice greetz
matp

**ways2web** · 14.12.2011, 10:54

du hast da ein wenig chaos... themes musst du nich für jede seite anlegen...
in der regel reicht eines... entferne mal die zugangsdaten.

**matp** · 14.12.2011, 10:57

Zitat von ways2web

du hast da ein wenig chaos... themes musst du nich für jede seite anlegen...
in der regel reicht eines... entferne mal die zugangsdaten.

hallo,

die themes habe ich nur angelegt weil jede seite dann anders auschauen wird vom aufbau her

ich glaube die pageimages erweiterung brauch ich dann auch nicht mehr oder??
also stellst du mir das jetzt ein oder das wäre super

ncie greetz

matp

**ways2web** · 14.12.2011, 10:59

is doch schon eingestellt.. noch nicht geschaut? hab die startseite mit cover image ausgestattet

**matp** · 14.12.2011, 12:04

Zitat von ways2web

is doch schon eingestellt.. noch nicht geschaut? hab die startseite mit cover image ausgestattet

doch super danke hat sich warscheinlich überschnitten

vielen dank!!!!!

matp

**matp** · 14.12.2011, 13:28

kann ich bei den hintergünden jetzt nicht mehr sagen das ich diesen hintergrund für eine bestimmte seite will?? oder mehrere bilder nur auf einer seite kommen sollen? find das leider nicht

und kennst du etwas wo ich dann sagen kann das jeden tag von 06:00 - 19:00 ein tagbild kommen sollte und von 19:00 - 06:00 ein nachtbild?

nice greetz matp

**ways2web** · 16.12.2011, 11:53

soweit ich weiß kann die extension derzeit nur global die hintergründe festlegen.

Zeitsteuerung is auch noch nicht drin... das könnte man eventuell über boxes versuchen, dass sich nach zeiten steuern lässt...dann brauch man wohl min 2 dieser boxes mit den richtigen uhrzeiten.. weiß aber nich, ob dann das js eingebunden wird.. das müßte man dann eventuell manuell machen...

**matp** · 16.12.2011, 17:09

Zitat von ways2web

soweit ich weiß kann die extension derzeit nur global die hintergründe festlegen.

Zeitsteuerung is auch noch nicht drin... das könnte man eventuell über boxes versuchen, dass sich nach zeiten steuern lässt...dann brauch man wohl min 2 dieser boxes mit den richtigen uhrzeiten.. weiß aber nich, ob dann das js eingebunden wird.. das müßte man dann eventuell manuell machen...

hallo, das heisst das ich für die komplette website nur einen hintergrund verwenden kann?? kennst du dich mit der pageimages extension auch aus??
was ist wenn ich das mit der zeitsteurung über platzhalter und dann über ccs regle??

greetz matp

**svr** · 16.12.2011, 23:30

Hallo zusammen

Ich brauche eure Hilfe. Weiss nicht mehr weiter wo der Fehler liegen könnte...

Ich habe die page_images erweiterung installiert. Auf www.loeffler-jost.ch funktioniert dies einwandfrei. Dies läuft noch auf Contao Version 2.9.5. Habe dies nun auch versucht mit Contao Version 2.10.3 auf www.loeffler-web.ch/maler, da bekomme ich es aber nicht hin. Der Hintergrund scrollt mit, ist nur im Hauptfenster (definierte Breite von 960 im Seitenlayout) anstelle oben links vom Bildschirm ?

Ich meinte ich bin genau nach Anleitung vorgegangen. Brauche ich in 2.10.3 immer noch die .tpl templates oder die .html5. Oder liegt es sonst noch wo ?

Was ich noch festgestellt habe ist, dass es sich an das Layout anpasst. Also entgegen der Anleitung, wenn ich das Modul "Background" in die Fusszeile einpflege, dann kommt es in der Fusszeile, wenn in der Kopfzeile oder wo anders, erscheint es dort, aber immer nur innerhalb meiner definierten Seitenlayoutbreiten von 960px. Es scheint, dals ob es das moosize.css nicht schluckt oder ignoriert. Hat es da noch ein Bug oder habe ich was übersehen?

Wäre dankbar um einen hilfreichen Hinweis. Ich sehe unterdessen nichts mehr.

Vielen Dank und Grüsse
Michi

**ways2web** · 16.12.2011, 23:58

Zitat von matp

hallo, das heisst das ich für die komplette website nur einen hintergrund verwenden kann?? kennst du dich mit der pageimages extension auch aus??
was ist wenn ich das mit der zeitsteurung über platzhalter und dann über ccs regle??

greetz matp

nein, nicht einen.. du kannst ja soviele bilder reinladen wie du willst! dann gibt es halt nen fade oder sonstigen effekt zum bildübergang: siehe hier: http://fz45.ways2web.de musste nen moment warten bis die bilder wechseln..
aber du kannst halt derzeit nicht einen hintergrund auf eine bestimmte seite festlegen.

mit den platzhaltern musst du mal probieren.. zeitsteurung hat mich da nie interessiert.. aber das mit den bildern pro seite wäre schon.. muss man mal den Dev fragen bzw nen featurerequest setzen... vielleicht geht da ja was

vg
ways

**ways2web** · 17.12.2011, 00:02

Zitat von svr

Hallo zusammen
Brauche ich in 2.10.3 immer noch die .tpl templates oder die .html5. Oder liegt es sonst noch wo ?

ich antworte mal nur auf den teil.....den rest würd eich mal als eigenen thread im extension forum stellen

was du brauchst kommt drauf an, was du eingestellt hast.. wenn du html eingestellt hast, brauchst du die html5 templates... wenn du xhtml eingestellt hast.. dann die xhtml templates

**svr** · 17.12.2011, 00:13

Hallo ways2web

Vielen Dank für Deine Antwort. Ich habe mal nachgeschaut.
Bei meinen Einstellungen steht, dass ich .tpl, .html5 etc erlaube. Habe nun aber trotzdem mal die Templates auf .html5 angepasst, da ich .html eingestellt habe.

Leider hat darauf hin noch nichts funktioniert.

Anschliessend habe ich beim Seitenlayout die Reihenfolge der .css geändert und das moosizer.css an erste Stelle gesetzt und siehe da, es funktioniert einwandfrei

Ob es nur an dem lag weiss ich nun auch nicht genau, aber scheint das die Reihenfolge der css eine Rolle spielen könnte.

Vielen Dank und Grüsse
Michi

**Messa** · 19.12.2011, 10:19

UPDATE:
Danke an Lengen1971 er hat mir gezeigt, dass ich in meiner Anleitung ein falsches Seitenverhältnis drinen habe.

Im Java-Code:

Code:

options: {
startwidth: 640,
startheight: 480,

Verhältnis: 1,333:1

Im Java-Code (NEU):

Code:

options: {
startwidth: 640,
startheight: 400,

Verhältnis: 1,6:1

lg Matthias

**jojojohann** · 04.01.2012, 15:00

hallo,
ich habe das Vollbildhintergrundbild wie im tutorial eingebaut und habe ein Problem...

sobald ich das Hintergrundbild Modul (also seitenbilder) nicht mehr auf einer Seite einbinde, funktioniert alles was mit javascript zu tun hat nicht mehr !! (noobslider, megamenu ...)

wie könnte ich das Problem beheben? wo liegt der fehler?

**jojojohann** · 12.01.2012, 15:42

ok der Fehler war relativ einfach:

ich hatte ausversehen auch in Templates mosize.tpl aktiviert, wo er gar nicht eingebunden war...

**Raymond** · 28.02.2012, 07:52

Hey,
ich habe Version 2.11.0 installiert und habe nach folgendem tutorial ein fullsize background Bild eingebunden:
http://de.contaowiki.org/Fullsize_Ba...Tools_MooSizer. Top Anleitung übrigens, danke dafür!
Ich habe "page_images 1.3.1 stable" installiert und alles funktioniert auch, aber aus irgend einem Grund wird das Hintergrundbild zweimal eingebunden (siehe: hier). Das wäre nicht weiter schlimm könnte man meinen, da die Bilder ja übereinander liegen, aber wenn ich das Browserfenster bewege, dann verhält sich das darunterliegende Bild anders als das Obere und das sieht kaputt aus!
Hab alles dreimal gecheckt und bin für jeden Hinweis dankbar! Bin neu im Forum und hoffe, dass ich meine Frage an der richtigen Stelle gepostet habe… (?!)

**tblumrich** · 28.02.2012, 08:27

Hi.

Wie einige andere Anwendungen auch, wird es wohl ein Problem mit der neuen Mootools Version innerhalb von Contao 2.11 geben, nehme ich zumindest an.
Allerdings... Kleiner Tipp... überdenke mal, ob du da wirklich ein Hintergrundbild von 2,5 MB reinpacken willst. Gerade diese Hintergundtechniken sind doch dafür gedacht eben nicht so riesige Bilddaten in den Hintergrund zu packen.

Gruß
Thomas