[CSS][HTML] jaka to technika ? Opcje

[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 !

[fate]

jQuery parallax
http://www.creativebloq.com/web-design/par...rolling-1131762
http://www.jqueryrain.com/demo/jquery-parallax-plugin/

[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...)

Ten post edytował PrinceOfPersia 29.07.2014, 19:05:53

[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]

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
Pierwszy lepszy przykład: http://css.dzone.com/articles/cool-parallax-scrolling-effect

[trueblue]

a jquery to co jak nie javascript?

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

[tzm]

Tak jak powiedział @mitorski, paralaxa da się zrobić w samym css i nie ma tutaj sensu zaprzęgać całego jquery
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

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

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ć ?