Backstretch
Bitte folgt meiner Anleitung auf meiner NOF Seite für das Bachstretch Skript.
Ich habe hier also lediglich das Skript "jquery.backstretch.js" und mein Hintergrundbild "wellen.jpg" händisch in ein Verzeichnis "backstretch" auf meinen Server kopiert und auch in mein lokales Verzeichnis, damit ich das bereits lokal testen kann. Das Bild hat hier einen Fade-Effekt von 0,75 Sekunden.
Vergesst nicht die Hintergrundfarbe aller Blöcke auf transparent zu setzen. Alle Hintergründe der Boxen, die den Fullscreen Background zeigen sollen, wurden über den "Code Editor" geändert. In Mobirise4-Themen wählt Ihr irgendeine Farbe als Hintergrund für den Block und ändert diese dann im Bereich "CSS Editor" des jeweiligen Blocks ...
von:
background-color: @bg-value;
in:
background-color: transparent;
... oder bei leicht abgedunkelter, transparenter Overlay-Farbe in z.B. Schwarz mit einer Deckkraft (Opacity) von zum Beispiel 0.5 = 50%:
background-color: rgba(0, 0, 0, 0.5);
Kopiert dann die Verweise zum Skript und Bild in die "Page Settings" > "
End of <body> code"
<script src="./backstretch/jquery.backstretch.js"></script>
<script>
$.backstretch([
"./backstretch/wellen.jpg"
], {
fade: 750
});
</script>