Jak dodać efekt paralaksy podczas przewijania na swoich stronach?

Ostatnio na stronach w sieci dość popularny stał się efekt paralax, polega on na wolniejszym przemieszczaniu się tła niż treści podczas przewijania strony , udając niejako efekt 3D gdy przewijamy  stronę w dół. W WYSIWYG Web Builder bardzo łatwo możesz utworzyć ten efekt z użyciem warstw, układu siatki lub każdego innego obiektu który obsługuje obrazy tła.
Krok 1
We właściwościach warstwy (zakładka Style)  ustawić dla tła tryb "Image" i wybierz obraz, który zajmuje całą szerokość strony.
Jeśli obraz będzie mniejszy to zostanie automatycznie rozciągnięty, nie używaj więc zbyt małych obrazków gdyż może to powodować zniekształcenia i źle będzie się prezentować w przeglądarce.
Zobacz demo:
http://www.wysiwygwebbuilder.com/support/parallaxlayers.html    (demo Lokalne tu)

Pobierz projekt demo:
http://www.wysiwygwebbuilder.com/support/parallaxlayers.zip


Tutoriale powiązane tematycznie:
http://www.wysiwygwebbuilder.com/morelayers.html
http://www.wysiwygwebbuilder.com/fullscreen.html
http://www.wysiwygwebbuilder.com/layoutgrid_part1.html
Krok 3
Użyj podglądy lub opublikuj stronę aby zobaczyć efekt.
Krok 2
Ustaw dla tła w opcji Size wartość na "parallax".

Dla zaawansowanych użytkowników
Domyślna prędkość przewijania dla tła wynosi 0,3. Można to zmienić poprzez dodanie zmiennej do strony o nazwie:
$PARALLAX_SPEED$
Podstawienie wartości 0,0 oznacza, że obraz tła będzie stał nieruchomo w miejscu, a 1,0 spowoduje że tło będzie przesuwać się z tą samą prędkoącią co treść strony.

Wyjście
---Home------Download------Zakup------Poradniki Online------Szablony------Wsparcie------Forum------Rozszerzenia------Manual------Rózne---
Copyright © 2017