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

Zsynchronizowany slider z nawigacją.

0 głosów
128 wizyt
pytanie zadane 8 czerwca 2016 w HTML i CSS przez RafałB Nowicjusz (150 p.)
Cześć, chciałbym się nauczyć robić slider który będzie synchronizował się z nawigacją, na przykład: Wyświetla się pierwsze zdjęcie z slidera, chciałbym aby razem z tym podkreślał się w nawigacji pierwszy link "Home", i analogicznie podczas zmiany na drugie zdjęcie np po 3s, podkreślenie przechodzi na kolejny link. Z tym że po kliknięciu w link ma nas przenieść do innej podstrony a nie zmieniać zdjęcie w sliderze. ( tak, tak, próbowałem z gotowych sliderów coś przerobić dla siebie :)).

Pozdrawiam.

1 odpowiedź

+1 głos
odpowiedź 8 czerwca 2016 przez ShiroUmizake Nałogowiec (44,940 p.)
wybrane 8 czerwca 2016 przez RafałB
 
Najlepsza

Bardzo mocno uproszczony kod, mam nadzieje, że znasz transition lub keyframes oraz działanie slidera . Kod w pure JS.

document.getElementById("jakisUchwyt").addEventListener('load', function (){slider(0);}, 'false');



function slider (index)
{
if ( index == tablica.length) 
{
 index = 0;
}
// TU jest kod twojego slidera
refreshNav (jakies i do iteracji); // Przekazujesz i do funkcji. 
setTimeout (functon () { slider(index);}, 5000) // Jakis pomiar czasowy.
}

function refreshNav (index)

{

document.getElementById(index).classList.add('dodajPodkreslenie); // Jak umiesz obłsugiwać keyframes to wiesz jak to zrobic.

var createHref = document.createElement('a');

createHref.setAttribute ('href' , "moja_strona" + index);

document.getElementById(index).apppendChild(createHref);

}

Wypadałoby by napisać jeszcze skrypt , który by sprawdzał czy istnieją już takie odnośniki. Ale to zostawiam tobie :).

komentarz 8 czerwca 2016 przez RafałB Nowicjusz (150 p.)
Super dzięki wielkie za pomoc, podsunąłeś mi parę innych rozwiązań :).
komentarz 8 czerwca 2016 przez ShiroUmizake Nałogowiec (44,940 p.)
W razie problemów pisz :).

Podobne pytania

0 głosów
4 odpowiedzi 1,929 wizyt
pytanie zadane 11 sierpnia 2015 w JavaScript, jQuery, AJAX przez DawidxD Użytkownik (810 p.)
0 głosów
2 odpowiedzi 186 wizyt
pytanie zadane 17 lutego 2018 w JavaScript, jQuery, AJAX przez pebrzosky Obywatel (1,170 p.)
0 głosów
1 odpowiedź 145 wizyt
pytanie zadane 23 grudnia 2016 w JavaScript, jQuery, AJAX przez Kuba Makowski Początkujący (310 p.)
Porady nie od parady
Zadając pytanie postaraj się o odpowiedni tytuł, kategorię oraz tagi.Tagi

64,934 zapytań

111,406 odpowiedzi

234,471 komentarzy

46,767 pasjonatów

Przeglądających: 118
Pasjonatów: 1 Gości: 117

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.

...