ładne przejścia zdjęć

pytanie zadane 4 sierpnia 2015 w HTML i CSS przez anka Nowicjusz (190 p.)

Cześć :-) Znalazłam taki skrypcik http://forum.webhelp.pl/javascript/zmiana-obrazow-kazdy-w-innym-czasie-t28156.html dotyczy zmiany obrazów. Przejścia jpg są płynne, a ja chciałabym uzyskać efekt jak na stronie http://bhppomorskie.pl/index.html lub podobny. Co bym musiała zmienić w zapisie skryptu?;-) Z góry dzięki za odpowiedz ;-)

1 odpowiedź

odpowiedź 4 sierpnia 2015 przez Comandeer Guru (601,110 p.)

Skrypt, powinnaś zmienić skrypt… http://docs.dev7studios.com/jquery-plugins/nivo-slider

komentarz 4 sierpnia 2015 przez Patrycjerz Mędrzec (192,320 p.)

Nie wiem, czy tylko ja to widzę, ale dzisiaj odchodzi się z stosowania wymyślnych skryptów, np. do zmieniania zdjęć, do prostoty i czasami aż braku skryptów graficznych na rzecz czystego CSS-a. Jak jeszcze dodano w nim obsługę animacji, to sądzę, że jest to dobre rozwiązanie dla różnych graficznych bajerów.

komentarz 4 sierpnia 2015 przez Czort Nałogowiec (32,500 p.)

Dlaczego na tej stronie zalecają dodawanie

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>

do <head> zamiast <body>?

komentarz 4 sierpnia 2015 przez Comandeer Guru (601,110 p.)

Tak, odchodzi się - ale tylko do pewnego momentu. Obecnie slidery większość animacji puszczają przez CSS, natomiast zachowanie (zmiana elementu, strzałki nawigacyjne itd.) są obsługiwane przez JS.

Niemniej bardziej skomplikowane animacje i tak niestety muszą być skryptowane albo w JS (na canvas czy przy użyciu requestAnimationFrame + transfom z CSS), albo w SMIL-u (na SVG; z dużym niepokojem patrzę na dążenia Chromium Team do zdeprecjonowania i usunięcia tego potężnego języka animacji…).

komentarz 4 sierpnia 2015 przez Comandeer Guru (601,110 p.)

@Czort bo to wciąz jest "standardowy" sposób dołączania skryptów, niestety. Na szczęście można to przenieść na koniec body i będzie wszystko działać.