[N.....N]

#naukaprogramowania
Potrzebuje pomocy :(((

Mam tekst przeplatany ze zdjęciami. Pobieram sobie wszystkie zdjęcia z klasą i później robię na tej "Tablicy" forEach. Ale kompletnie nie rozumiem, czemu zmienna slideInAt ma reprezentować miejsca gdzie zdjęcia są w połowie. Gdybym miał rozłożyć na składowe to
(tyleIlePrzeskrolowałem + wielkośćOknaPrzeglądarki) - wysokośćZdjęcia / 2;
czyli np.
środek zdjęcia jest powiedzmy na 1000px od góry.
Przeskrolowałem 100px
Wielkość okna powiedzmy 500px
Wysokość zdjęcia- 300px / 2
czyli slideInAt wynosi 450px. I co mi daje 450px skoro zdjęcia jest na 1000px???

[KwadratowyPomidor2]

@NickciN: zgaduję że pewnie jakiś css jest spięty z tym. nie napisałeś nawet co to ma robić w ogóle

wrzuć jakiś kod na codepen

[N.....N]

@KwadratowyPomidor2: Po prostu te zdjęcia mają wjeżdżać z boków kiedy dojedziemy do widocznej połowy zdjęcia. Jest przesunięty translate i opacity na 0, jak dojedziemy do połowy to translate(0) i opacity(1)

[horus666]

@NickciN: jaki jest zamysł zmiennej slideInAt? Bo zgaduję, że chodzi o to, że slider się włącza wyłącza przy tej wartości.

[N.....N]

@KwadratowyPomidor2: @horus666: https://courses.wesbos.com/account/access/5d36325f85f96c03c1e4f9b7/view/194129405

[N.....N]

8minuta jak jest pisana funkcja

[KwadratowyPomidor2]

@NickciN: nawet nie da się zarejestrować

[horus666]

@NickciN: chciiałbym Ci pomóc, ale adres, który podałeś wymaga logowania

[N.....N]

@horus666: @KwadratowyPomidor2: przepraszam z tym linkiem, wrzucam kod https://pastebin.com/kNj6Vx98

[N.....N]

@KwadratowyPomidor2: Powoli mi coś świat ale nadal nie do końca. Czuje, że mój mózg przetwarza to i zrozumiem to. Dzięki za grafikę bo dużo mi wyjasniło w sumie

[KwadratowyPomidor2]

@NickciN: usunałęm komentarze bzdury gadam, tam w kodzie nie ma żadnego sprawdzania offsetu zdjęcia. wstaw może prawdziwy, działający kod bo coś stawiam że ważna część kodu nas omineła ( ͡° ͜ʖ ͡°)( ͡° ͜ʖ ͡°)

coś czuję w kościach że w kolejnych linijkach będzie pobieranie offsetu/position zdjęcia ( ͡° ͜ʖ ͡°)( ͡° ͜ʖ ͡°)

[N.....N]

@KwadratowyPomidor2: https://pastebin.com/JLgpcZz4 cały

[KwadratowyPomidor2]

@NickciN: XD tu wszystko masz

const imageBottom = sliderImage.offsetTop + sliderImage.height;
const isHalfShown = slideInAt > sliderImage.offsetTop;
const isNotScrolledPast = window.scrollY <

[N.....N]

@KwadratowyPomidor2: dzięki wielkie, zaraz rzucę okiem