• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Jak zrobić slider?

0 głosów
227 wizyt
pytanie zadane 8 lipca 2018 w JavaScript, jQuery, AJAX przez BlvckFox Gaduła (3,540 p.)

Witam, chciałbym zrobić Vertical Text Slider. Tak, żeby np. przy napisie NAJNOWSZE TECHNOLOGIE, napis NAJNOWSZE po jakimś czasie np. 500ms przenosił się w dół i za niego wchodził napis NAJLEPSZE, który by się trzymywał na ekranie np. 1000ms. 
Przykłady takich sliderów:
https://codepen.io/Salem_/pen/Leyzmz
https://codepen.io/ARash-r/pen/AXQwQo
https://codepen.io/naveenbhaskar/pen/dWmLZV
Chciałbym to zrobić bez użycia jQuery
Nie mam absolutnie pojęcia jak się za to zabrać, gdzie trzymać teksty - w liście(ul) czy może w javascripcie w obiekcie, który by przechowywał też czas wyświetlany. Jak go efektywnie zamieniać podczas animacji itd.?

komentarz 8 lipca 2018 przez pablop76 Szeryf (97,850 p.)
Drugi link pokazuje animację css  @keyframes bez js i jquery.

2 odpowiedzi

0 głosów
odpowiedź 8 lipca 2018 przez mi-20 Stary wyjadacz (10,460 p.)
jeden z odcinków M. Zelenta o js powinien ci pomóc. Jeśli dobrze pamiętam był to odc...2
komentarz 8 lipca 2018 przez BlvckFox Gaduła (3,540 p.)
Mirosław Zelent robił zwykły slider, który się nie poruszał + używał jQuery.
Sam już nie wiem czy opłaca mi się dodawać całą biblioteke jQuery tylko po to, żeby jeden napis się animował?
0 głosów
odpowiedź 8 lipca 2018 przez kenjiro244 Dyskutant (8,450 p.)
No ale w pierwszym przykładzie masz bez jQuery.
komentarz 8 lipca 2018 przez BlvckFox Gaduła (3,540 p.)
No tak, ale to jest tylko podmianka zdjęcia. Jeszcze bez żadnej animacji.
komentarz 8 lipca 2018 przez mi-20 Stary wyjadacz (10,460 p.)
jest to podmianka zdjęcia ale zasada jest bardzo podobna, animację zawsze możesz dodać
komentarz 8 lipca 2018 przez BlvckFox Gaduła (3,540 p.)
Właśnie nie mam pojęcia jak to zrobić bez jQuery.

Podobne pytania

0 głosów
1 odpowiedź 145 wizyt
pytanie zadane 31 stycznia 2017 w JavaScript, jQuery, AJAX przez Psor Nowicjusz (190 p.)
0 głosów
4 odpowiedzi 1,952 wizyt
pytanie zadane 11 sierpnia 2015 w JavaScript, jQuery, AJAX przez DawidxD Użytkownik (810 p.)
0 głosów
0 odpowiedzi 108 wizyt
Porady nie od parady
Zadając pytanie postaraj się o odpowiedni tytuł, kategorię oraz tagi.Tagi

66,324 zapytań

113,061 odpowiedzi

239,218 komentarzy

46,589 pasjonatów

Przeglądających: 254
Pasjonatów: 8 Gości: 246

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...