• 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
126 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,380 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,380 p.)
W razie problemów pisz :).

Podobne pytania

0 głosów
4 odpowiedzi 1,881 wizyt
pytanie zadane 11 sierpnia 2015 w JavaScript, jQuery, AJAX przez DawidxD Użytkownik (810 p.)
0 głosów
2 odpowiedzi 151 wizyt
pytanie zadane 17 lutego 2018 w JavaScript, jQuery, AJAX przez pebrzosky Obywatel (1,130 p.)
0 głosów
1 odpowiedź 141 wizyt
pytanie zadane 23 grudnia 2016 w JavaScript, jQuery, AJAX przez Kuba Makowski Początkujący (310 p.)
Porady nie od parady
Możesz ukryć, zamknąć lub zmodyfikować swoje pytanie, za pomocą przycisków znajdujących się pod nim. Nie krępuj się poprawić pochopnie opublikowanego pytania czy zamknąć go po uzyskaniu satysfakcjonującej odpowiedzi. Umożliwi to zachowanie porządku na forum.Przyciski pytania

62,361 zapytań

108,495 odpowiedzi

226,498 komentarzy

35,441 pasjonatów

Przeglądających: 229
Pasjonatów: 10 Gości: 219

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.

...