Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] jaka to technika ?
Forum PHP.pl > Forum > Przedszkole
marcus753
Witajcie, zaciekawił mnie poniższy efekt:

http://natemat.pl/extra/got

Wiecie może czy jak to został zrobione ? jest jakiś specjalny silnik do takich efektów czy może ktoś to sam opracował ? Dzięki za pomoc !
PrinceOfPersia
jak bedziesz to robił, sprawdz czy działa na mobilnych urzadzeniach... programisci ww. strony nie zadbali o to, i ani na iOS ani na Androidzie tego efektu nie zobaczysz jak wejdziesz w ten link.

edit: nie tylko efekt się nie pokazuje ale i na częsci mobilnych przeglądarek (desktopowych w tej chwili nie mogę sprawdzić) strona sie w ogole nieprawidłowo wyświetla... (ale tak to jest, jak się nie testuje kodu na róznych urządzeniach...)
trueblue
Tak jak pisał fate to parallax, ale nie ma/nie musi mieć związku z jQuery, tzn. sam efekt wizualny. Być może oparto go o jQuery.
Ten sam efekt możesz osiągnąć w czystym JS, bo jQuery nie jest jakimś cudem, który pozwala na więcej niż czysty JS.
tzm
Cytat(trueblue @ 29.07.2014, 22:13:16 ) *
Tak jak pisał fate to parallax, ale nie ma/nie musi mieć związku z jQuery, tzn. sam efekt wizualny. Być może oparto go o jQuery.
Ten sam efekt możesz osiągnąć w czystym JS, bo jQuery nie jest jakimś cudem, który pozwala na więcej niż czysty JS.


a jquery to co jak nie javascript?
to samo się da osiągnąć z użyciem czystego css'a.
Spawnm
Tak jak powiedział @mitorski, paralaxa da się zrobić w samym css i nie ma tutaj sensu zaprzęgać całego jquery wink.gif
Pierwszy lepszy przykład: http://css.dzone.com/articles/cool-parallax-scrolling-effect
trueblue
Cytat(mitorski @ 29.07.2014, 23:50:21 ) *
a jquery to co jak nie javascript?

Wywnioskowałeś coś innego z mojej wypowiedzi? Niepotrzebnie.

tzm
Cytat(Spawnm @ 29.07.2014, 23:58:25 ) *
Tak jak powiedział @mitorski, paralaxa da się zrobić w samym css i nie ma tutaj sensu zaprzęgać całego jquery wink.gif
Pierwszy lepszy przykład: http://css.dzone.com/articles/cool-parallax-scrolling-effect



http://jsfiddle.net/pY3jf/ tu jest jeszcze lepszy przykład bo widać jak to ze scrollem działa.
marcus753
Dzięki WIELKIE za opinie i przykłady wink.gif

wracajac do pokazanej strony gry o tron (link na początku) mamy tam efekt przenikania 2 zdjęć przy scrolowaniu. Można coś takiego zrobić w czystym css-ie ?

rozumiem że zabawa z fixed background daje nam całkiem ciekawe efekty wink.gif

I jeszcze jedna sprawa chciałbym np. u góry strony dodać przycisk przewiń i po kliknięciu przejść w konkretne miejcę najlepiej do kotwicy - zależy mi jednak aby przejście było animowane. Jak coś takiego opracować ?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.