setTimeout galeria

pytanie zadane 1 czerwca 2020 w JavaScript przez michal3254 Nowicjusz (140 p.)
zamknięte 1 czerwca 2020 przez michal3254

fdsffffffffffffffffff

komentarz zamknięcia: Rozwiązanie problemu!

2 odpowiedzi

odpowiedź 1 czerwca 2020 przez ScriptyChris Mędrzec (190,190 p.)

Musisz wywołać funkcję zmiana, zanim ona będzie się wołać sama przez setTimeout.

komentarz 1 czerwca 2020 przez michal3254 Nowicjusz (140 p.)

Jak to mogę zrobić?

komentarz 1 czerwca 2020 przez ScriptyChris Mędrzec (190,190 p.)

No po prostu wywołaj w kodzie funkcję zmiana. :) Zapisz zmiana() na dole kodu.

Zakładam, że skrypt podpiąłeś w <head> - jeśli tak, to przenieś go przed zamykający tag </body>, albo zamiast zmiana() zapisz

document.addEventListener('DOMContentLoaded', zmiana);

w przeciwnym razie nie będziesz miał dostępu do elementu #galeria, bo nie będzie on jeszcze załadowany w DOM.

komentarz 1 czerwca 2020 przez michal3254 Nowicjusz (140 p.)


<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="description" content="Opis strony"/>
        <link rel="stylesheet" href="Style.css">
        <title>Szkolne Koło Wolontariatu</title>
        <script src="galeria.js"></script>
        
    </head>
    <body>
        <div class="container">
            </div>
        <header>
           <div class="title">
         <h1>Szkolne Koło Wolontariatu</h1>
          </div>
            <nav>
        <ul>
           
             <li class="home"><a href="index.html"><span>Start</span></a></li>
             <li class="formularz"><a href="Formularz zgłoszeniowy.html"><span>Formularz </span></a></li>
             <li class="informacje"><a href="Informacje.html"><span>Informacje</span></a></li>
            <li class="quiz"><a href="Quiz.html"><span>Quiz</span></a></li>
            <li class="galeria"><a href="galeria.html"><span>Zdjecia</span></a></li>
          </ul>
          </nav>  
       </header>
            <div class="content">
            
             <div class="row">
                 
             <img id="galeria" src="grafika/dzieci_1.png" alt="Usmiechniete dzieci">
                
                <button onclick="poprzedni()">Poprzedni</button>
                <button onclick="nastepny()">Następny</button>
             
             </div>
                 
            <footer> Wszelkie prawa zastrzeżone &copy</footer>
        </div>
    </body>
</html>

Tak wygląda cały html

komentarz 1 czerwca 2020 przez ScriptyChris Mędrzec (190,190 p.)

Wykonałeś czynności, o których pisałem? Widzę, że skrypt faktycznie podpinasz w <head>, więc przeczytaj jeszcze raz mój poprzedni komentarz i zastosuj się do niego.

komentarz 1 czerwca 2020 przez michal3254 Nowicjusz (140 p.)

Dzięki wielkie, wszystko działa jak należy!! ;3

odpowiedź 1 czerwca 2020 przez Aisekai Nałogowiec (42,190 p.)

Zastosuj setInterval zamiast setTimeout, to raz. Dwa - musisz najpierw tak jak JSHolic wspomniał wywołać tą metodę w jakiś sposób, bo na razie masz tylko utworzoną funkcję ale jej nie wywołujesz. Pamiętaj też o memory leakach w sytuacji gdy nie obsługujesz clearTimeout i clearInterval.