slajdera nie wyświetla na stronie Javascript

pytanie zadane 11 października 2020 w JavaScript przez chrystian Gaduła (4,780 p.)
zamknięte 11 października 2020 przez chrystian

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://unpkg.com/react@16/umd/react.development.js"></script>
    <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
    <!-- Don't use this in production: -->
    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
    <title>Mercedes Benz</title>
    <script type="text/javascript" src="timer.js"></script>
    <script type="text/javascript" src="sprawdz.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
    <script type="text/javascript" src="forek.js"></script>
   <script type="text/javascript" src="zmienslajda.js"></script>

</head>
<body  onload="odliczanie();" onload="zmienslajd()">
<input type="text" id="pole"/>
<input type="submit" value="sprawdź" onclick="sprawdz()"/>
<div id="wynik"></div>
<div id="zegar"></div>
<input type="text" id="pole1">
<input type="text" id="pole2">
<input type="submit" value="Pokaż" onclick="wypisz()">
<div id="for"></div>
<div id="slider"></div>
</body>
</html>

a tu plik zmianslajda.js

var timer1 = 0;
var timer2 = 0;
var timer3 = 0;

function ustawSlajd(nrSlajdu) {
    clearTimeout(timer1);
    clearTimeout(timer2);
    numerSlajdu = nrSlajdu - 1;
    schowaj();
    //przerwanie funkcji schowaj()
    clearTimeout(timer3);
    setTimeout("zmienSlajd()", 500);
}

function schowaj() {
    timer3 = $("#slider").fadeOut(250);
}

function zmienSlajd() {
    numerSlajdu++;
    if (numerSlajdu > 3) numerSlajdu = 1;

    var new_pic = "<img src='slajdy/" + number + ".jpg'/>";
    document.getElementById("slider").innerHTML = new_pic;
    $("#slider").fadeIn(1500);

    timer1 = setTimeout("zmienSlajd()", 5000);
    timer2 = setTimeout("schowaj()", 4750);
}

komentarz zamknięcia: znalezioy problem

komentarz 11 października 2020 przez ScriptyChris Mędrzec (190,190 p.)

Co konkretnie się nie pokazuje? Opisz dokładniej jak to powinno działać.

Spójrz do konsoli, jest tam błąd niezdefiniowanej funkcji odliczanie. Poza tym, w HTML masz podpięte skrypty (np. timer.js, sprawdz.js), których nie pokazałeś. Jeśli one są duże, to wystaw całą apkę na jakiś hosting, żeby można było ją przetestować.

komentarz 11 października 2020 przez chrystian Gaduła (4,780 p.)

reszta skrytów działa

komentarz 11 października 2020 przez ScriptyChris Mędrzec (190,190 p.)

Po samym screenie nie wiadomo na czym polega problem. Odpowiedz proszę na pytania z poprzedniego komentarza.

komentarz 11 października 2020 przez chrystian Gaduła (4,780 p.)

Dobra mam to działa

komentarz 11 października 2020 przez ScriptyChris Mędrzec (190,190 p.)

Ok, to możesz podzielić się rozwiązaniem problemu, żeby zostało "dla potomnych".

komentarz 11 października 2020 przez chrystian Gaduła (4,780 p.)

Dla potomnych :)

to jest zmianaslajda.js

 var numer = Math.floor(Math.random()*3)+1;

var timer1 = 0;
var timer2 = 0;

function ustawslajd(nrslajdu)
{
    clearTimeout(timer1);
    clearTimeout(timer2);
    numer = nrslajdu - 1;

    schowaj();
    setTimeout("zmienslajd()", 500);

}

function schowaj()
{
    $("#slider").fadeOut(500);
}

function zmienslajd()
{
    numer++; if (numer>3) numer=1;

    var plik = "<img src=\"slajdy/slajd" + numer + ".jpg\" />";

    document.getElementById("slider").innerHTML = plik;
    $("#slider").fadeIn(500);

    timer1 = setTimeout("zmienslajd()", 5000);
    timer2 = setTimeout("schowaj()", 4500);

}

a to div w index.html

<span onclick="ustawslajd(1)" style="cursor:pointer;">[ 1 ]</span>
<span onclick="ustawslajd(2)" style="cursor:pointer;">[ 2 ]</span>
<span onclick="ustawslajd(3)" style="cursor:pointer;">[ 3 ]</span>


<div id="slider"></div>

slajdera nie wyświetla na stronie Javascript

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci