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

Przeskakująca strona po ładowaniu js

Object Storage Arubacloud
0 głosów
118 wizyt
pytanie zadane 12 grudnia 2016 w JavaScript przez Robert Daraż Początkujący (370 p.)

Witam. Robię stronkę i mam problem z jedną głupią rzeczą. Mianowicie, jeśli zjadę na sam dół strony to po chwili przeskakuje ona do góry. Nie wiem co jest grane ale myślę iż jest to spowodowane ładowaniem animowanego slidera na stronie. Nie wiem jak to rozwiązać. Wrzucam kod stronki i skryptu js oraz proszę o pomoc.

<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
    <meta name="Description" content="Tu wpisz opis zawartości strony" />
    <meta name="Keywords" content="Tu wpisz wyrazy kluczowe rozdzielone przecinkami" />
    <title>Time4Fruit</title>
    <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900&amp;subset=latin-ext" rel="stylesheet">
    <link rel="stylesheet" href="indexStyle.css" type="text/css"/>
    <script type="text/javascript" src="banner.js"></script>
    <script type="text/javascript" src="jquery-1.7.2.js"></script>
</head>
<body onload="zmienslajd()">
<div class="backgroundContainer">
    <div class="container">
        <div class="upContainer">
            <div class="logo">
                <a href="firma-sninvest"><img src="models/logo.png" alt="Przepraszamy - awaria logo." /></a>
            </div>
            <div class="nav">
                <ol>

                    <li><a href="firma-sninvest">O firmie</a></li>
                    <li><a href="#">Oferta</a>
                        <ul>
                            <li><a href="#">Owoce</a></li>
                            <li><a href="#">Warzywa</a></li>
                        </ul>
                    </li>
                    <li><a href="galeria-sninvest">Galeria</a></li>
                    <li><a href="kontakt-sninvest">Kontakt</a></li>

                </ol>
            </div>
        </div>
        <div style="clear: both"></div>
        <div id="banner">

        </div>
        <div style="clear: both"></div>
        <div class="midContainer">
            <img src="models/leaf.jpg" alt="Tu podaj tekst alternatywny"  align="left"/>
            <p>Firma Tomrol  z wyłącznie polskim kapitałem   swoją działalość zapoczątkowała od sprowadzenia kilku aut arbuzów z Ukrainy.
            </p> Trzeba zaznaczyć iż było to w 2000 roku i najprawdopodobniej był to pierwszy import tych owoców z Ukrainy do Polski.Już od 2001.roku nasze towary trafiają  do sieci sklepów BIEDRONKA.
            Swoją działalność rozpoczęliśmy na Rynku Hurtowym "BRONISZE" k. Warszawy , tam też nawiązaliśmy wiele znajomości z firmami z branży owocowo-warzywnej.
            Byliśmy też obecni na rynkach hurtowych we Lwowie, Kijowie i Moskwie.
            <p>Na przestrzeni kilku lat nasza działalność rozwinęła się w bardzo dynamicznym tępie. Naszą domeną jest przede wszystkim niska cena i wysoka jakość dostarczanych produktów.</p>
            <strong>Eksport</strong><br><br>

            Większość eksportu ok. 70% stanowią polskie jabłka, które podbijają niemalże wszystkie europejskie rynki .
            Nasza firma specjalizuje się w zaopatrywaniu marketów i dostawców do sieci handlowych w zarówno krajach  Unii Europejskiej jak i  Europy Wschodniej, z największym naciskiem położonym na Ukrainę i Rumunię.
            Poza tym realizujemy zamówienia dla firm z krajów takich jak?  Rosja, Holandia,  Włochy, Litwa, Estonia, Macedonia, Mołdawia, Bułgaria,  Kazachstan, Uzbekistan.<br><br>
            <strong>Import</strong><br>
            <p>Głównymi towarami importowanymi są arbuzy i melony  na które to popyt w okresie letnim jest bardzo wysoki. Każdego roku sprzedajemy około 4000 ton  tego asortymentu. </p>Poza tym sprowadzamy wiele innych produktów z krajów takich jak: Ukraina, Uzbekistan, Mołdawia, Rumunia, Węgry, Chorwacja, Bośnia i Hercegowina, Macedonia, Albania, Grecja, Bułgaria, Turcja, Włochy.
            Towary importowane przez nas trafiają do takich sieci jak Biedronka, TESCO, Kaufland, Carreforur, Inter Marche, Lidl, Stokrotka, PoloMarket lub często są eksportowane dalej za granicę.
        </div>
        <div style="clear: both"></div>
        <div class="botContainer">
            Time4Fruit.pl &copy; 2016 by 
        </div>
        <div style="clear: both"></div>
    </div>
</div>
<script>
    $( document ).ready(function() {
        zmienslajd();
    });
</script>
</body>
</html>
var numer = Math.floor(Math.random()*2)+1;
function schowaj()
{
    $("#banner").fadeOut (500);
}

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

    var plik = "<img src=\"models/slajd" + numer + ".png\" />";
    document.getElementById("banner").innerHTML = plik;
    $("#banner").fadeIn(500);
    setTimeout("zmienslajd()", 5000);
    setTimeout("schowaj()", 4500);
}

 

komentarz 12 grudnia 2016 przez Robert Daraż Początkujący (370 p.)
Odkryłem iż jeśli zakomentuje w js setTimeout("schowaj()", 4500); to strona przestaje przeskakiwać. Tylko co zrobić jeśli chcę to zachować żeby slajdy przeskakiwały płynnie a nie tak odrazu?
komentarz 12 grudnia 2016 przez hoktaur Pasjonat (22,250 p.)
P.S. Zdecyduj się albo

<body onload="zmienslajd()">

albo

$( document ).ready(function() {
        zmienslajd();
});

Jak umieszczasz na końcu to nie potrzebujesz .ready bo i tak jest ready ;D

1 odpowiedź

0 głosów
odpowiedź 12 grudnia 2016 przez hoktaur Pasjonat (22,250 p.)

Nie wiem co ci tam skacze ale mam wrażenie że kod wyjąłeś z całego kodu w każdym razie trochę to poprawiłem i baner zanika

<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
    <meta name="Description" content="Tu wpisz opis zawartości strony" />
    <meta name="Keywords" content="Tu wpisz wyrazy kluczowe rozdzielone przecinkami" />
    <title>Time4Fruit</title>
    <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900&amp;subset=latin-ext" rel="stylesheet">
    <link rel="stylesheet" href="indexStyle.css" type="text/css"/>
    <script type="text/javascript" src="banner.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
</head>
<body>
<div class="backgroundContainer">
    <div class="container">
        <div class="upContainer">
            <div class="logo">
                <a href="firma-sninvest"><img src="http://ckpl.pl/test/images/logo1.png" alt="Przepraszamy - awaria logo." /></a>
            </div>
            <div class="nav">
                <ol>
 
                    <li><a href="firma-sninvest">O firmie</a></li>
                    <li><a href="#">Oferta</a>
                        <ul>
                            <li><a href="#">Owoce</a></li>
                            <li><a href="#">Warzywa</a></li>
                        </ul>
                    </li>
                    <li><a href="galeria-sninvest">Galeria</a></li>
                    <li><a href="kontakt-sninvest">Kontakt</a></li>
 
                </ol>
            </div>
        </div>
        <div style="clear: both"></div>
        <div id="banner">
		<h1> COS TAM !!!! BLA BLA BLA</h1>
 
        </div>
        <div style="clear: both"></div>
        <div class="midContainer">
            <img src="models/leaf.jpg" alt="Tu podaj tekst alternatywny"  align="left"/>
            <p>Firma Tomrol  z wyłącznie polskim kapitałem   swoją działalość zapoczątkowała od sprowadzenia kilku aut arbuzów z Ukrainy.
            </p> Trzeba zaznaczyć iż było to w 2000 roku i najprawdopodobniej był to pierwszy import tych owoców z Ukrainy do Polski.Już od 2001.roku nasze towary trafiają  do sieci sklepów BIEDRONKA.
            Swoją działalność rozpoczęliśmy na Rynku Hurtowym "BRONISZE" k. Warszawy , tam też nawiązaliśmy wiele znajomości z firmami z branży owocowo-warzywnej.
            Byliśmy też obecni na rynkach hurtowych we Lwowie, Kijowie i Moskwie.
            <p>Na przestrzeni kilku lat nasza działalność rozwinęła się w bardzo dynamicznym tępie. Naszą domeną jest przede wszystkim niska cena i wysoka jakość dostarczanych produktów.</p>
            <strong>Eksport</strong><br><br>
 
            Większość eksportu ok. 70% stanowią polskie jabłka, które podbijają niemalże wszystkie europejskie rynki .
            Nasza firma specjalizuje się w zaopatrywaniu marketów i dostawców do sieci handlowych w zarówno krajach  Unii Europejskiej jak i  Europy Wschodniej, z największym naciskiem położonym na Ukrainę i Rumunię.
            Poza tym realizujemy zamówienia dla firm z krajów takich jak?  Rosja, Holandia,  Włochy, Litwa, Estonia, Macedonia, Mołdawia, Bułgaria,  Kazachstan, Uzbekistan.<br><br>
            <strong>Import</strong><br>
            <p>Głównymi towarami importowanymi są arbuzy i melony  na które to popyt w okresie letnim jest bardzo wysoki. Każdego roku sprzedajemy około 4000 ton  tego asortymentu. </p>Poza tym sprowadzamy wiele innych produktów z krajów takich jak: Ukraina, Uzbekistan, Mołdawia, Rumunia, Węgry, Chorwacja, Bośnia i Hercegowina, Macedonia, Albania, Grecja, Bułgaria, Turcja, Włochy.
            Towary importowane przez nas trafiają do takich sieci jak Biedronka, TESCO, Kaufland, Carreforur, Inter Marche, Lidl, Stokrotka, PoloMarket lub często są eksportowane dalej za granicę.
        </div>
        <div style="clear: both"></div>
        <div class="botContainer">
            Time4Fruit.pl &copy; 2016 by 
        </div>
        <div style="clear: both"></div>
    </div>
</div>
<script>
	setTimeout(schowaj(), 3000);
</script>
</body>
</html>
var numer = Math.floor(Math.random()*2)+1;
function schowaj()
{
    $("#banner").fadeOut (3000);
}

 

komentarz 12 grudnia 2016 przez Robert Daraż Początkujący (370 p.)
Nie o to mi chodziło. Po prostu jeśli suwakiem zjadę na sam dół strony to po chwili gdy slajd w banerze zmieni się - suwak sam się przesuwa do góry.
komentarz 12 grudnia 2016 przez hoktaur Pasjonat (22,250 p.)
To daj caly kod tyle udostepniles...
komentarz 12 grudnia 2016 przez Robert Daraż Początkujący (370 p.)

Dołączam jeszcze css (jest już wszystko):

body
{
    margin: 0px;
    font-family: 'Lato', sans-serif;
}
.backgroundContainer
{
    /* Background pattern from subtlepatterns.com */
    /*background-image: url("models/tlo.png");*/
    background-color: #EAFFE7;
    width: 100%;
}
.container
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.upContainer
{

    height: 100px;
    color: white;
}
.midContainer
{
    padding: 20px;
    height: 900px;
    background-color: white;
    border-top: dotted;
    border-color: #EAFFE7;
    text-align: justify;
}
.botContainer
{
    line-height: 200%;
    text-align: center;
    height: 35px;
    background-color: forestgreen;
}
.logo
{
    width: 300px;
    height: 100px;
    /*background-image: url("models/logo.png");*/
    float: left;
    color: black;
}
.nav
{
    width: 700px;
    text-align: center;
    background-color: white;
    letter-spacing: 2px;
    float: left;

}
ol
{

    height: 100px;
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 18px;
    display: inline-block;
    line-height: 200%;
}
ol a
{

    background-color: forestgreen;
    color: white;
    text-decoration: none;
    display: block;
    padding: 2px;
}
ol > li
{

    float: left;
    width: 155px;
    height: 40px;
    border-style: solid;
    border-bottom: none;
    border-top-width: medium;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-color: green;
    margin-right: 5px;
    margin-top: 57px;
}
ol > li:hover > a
{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #5CC551;
    color: darkgreen;
}

#banner
{
    height: 200px;

}


.midContainerKontakt
{
    padding: 20px;
    height: 700px;
    background-color: white;
    border-top: dotted;
    border-color: #EAFFE7;
    text-align: justify;
}
ol > li > ul
{

    list-style-type: none;
    padding: 0;
    margin: 0;
    height: 40px;
    display: none;
}

ol > li:hover > ul
{
    display: block;
}

ol > li > ul > li
{
    position: relative;
    z-index: 100;
    border-top: 1px solid darkgreen;
}
ol > li > ul > li:hover > a
{
    color: darkgreen;
    background-color: #5CC551;
}

 

komentarz 13 grudnia 2016 przez hoktaur Pasjonat (22,250 p.)
ok naprawdę nic tu nie skacze prześlij cały kod z obrazkami w paczce

Podobne pytania

0 głosów
2 odpowiedzi 2,710 wizyt
+1 głos
2 odpowiedzi 351 wizyt
0 głosów
0 odpowiedzi 2,427 wizyt
pytanie zadane 4 lipca 2019 w JavaScript przez Ebay_05 Początkujący (400 p.)

92,580 zapytań

141,432 odpowiedzi

319,665 komentarzy

61,965 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...