Prośba o wyjaśnienie kodu dającego efekt parallax scrolling

0

Witam,

jestem nowym użytkownikiem tego forum więc przepraszam za ewentualne niedociągnięcia:)

tworzę stronę internetową na obronę mojej pracy licencjackiej.W swojej pracy uwzględniłem efekt parallax.Muszę opisać poszczególne: moduły , funkcję ,właściwości sekcję.Wszystko co jest i jak działa.Czy ktoś by mi mógł pomóc w opisaniu tego kodu.Najlepiej linijka po linijce.Przesyłam tylko tą część z którą nie mogę sobie dać rady.

function getViewportScroll() {
if(typeof window.scrollY != 'undefined') {
return window.scrollY;
}
if(typeof pageYOffset != 'undefined') {
return pageYOffset;
}
var doc = document.documentElement;
doc = doc.clientHeight ? doc : document.body;
return doc.scrollTop;
}


function doParallax() {
var el, elOffset, elHeight,
offset = getViewportScroll(),
vHeight = getViewportHeight();

for(var i in images) {
el = images[i];
elOffset = el.offsetTop;
elHeight = el.offsetHeight;

if((elOffset > offset + vHeight) || (elOffset + elHeight < offset)) { continue; }
el.style.backgroundPositi+Math.round((elOffset - offset)*3/8)+'px';
}
}


Gator(window).on('scroll', doParallax);

Nie wiem też czemu nie działa mi skrypt gdyż jest on pobierany z raczej dobrego źródła.Dodam że dodałem skrypt java script żeby wszystko działało:)

Cały kod o którym piszę znajduje się na tej stronie :)

http://webmastah.pl/prosty-efekt-parallax/

Proszę o pomoc
Pozdrawiam

0

A nie możesz użyć jakiegoś pluginu ?
np. http://pixelcog.github.io/parallax.js/ - jest działający i łatwy w konfiguracji.

0

Użycie pluginu by załatwiło problem tylko że potem muszę ten plugin opisać:)Cały skrypt.Wszystko co zamieszcze na swojej stronie każda funkcja każda linijka kodu musi być opisana a zauważyłem że w tym pluginie jest ponad 300 linijek kodu:)Ja nie dam rady tego opisać a nikt też mi tego nie opisze:)Wybrałem w/w przeze mnie skrypt bo jest dużo krótszy i połowe mam już opisaną tylko nie wiem czemu po dodaniu go i tak mi nie działa:)Dzięki za odpowiedź:)

0

Skrypt działa ale wciąż nie wiem co się dzieje w/w przeze mnie kodzie:) Czy ktoś by mi mógł go opisać:)?

1 użytkowników online, w tym zalogowanych: 0, gości: 1