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

question-closed Animacje na stronie dzialaja

VPS Starter Arubacloud
0 głosów
303 wizyt
pytanie zadane 13 sierpnia 2017 w HTML i CSS przez kamil29 Obywatel (1,230 p.)
zamknięte 13 sierpnia 2017 przez Arkadiusz Waluk

Witam! Chcialem zrobic animacje z wykorzystaniem biblioteki animate.css.Niestety po napisaniu kodu zawartosc ktora ma byc animowana znikla z okna przegladarki.Ponizej kod: 

<!doctype html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/waypoints.css">
    <script src="js/jquery.waypoints.min.js"></script>
    <script src="js/waypoints.js"></script>
    <script src="js/jquery-3.0.0.min.js"></script>
    <title>animations</title>
  </head>

  <body>
    <header>
      <h2 class="welcome">Witaj na naszej stronie internetowej!</h2>
    </header>
    <main>
      <section class="stagerred-animation-container">
        <section class="os-animation" data-os-animation="bounceInLeft" data-os-animation-delay=".3s">
          <section class="about">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod suscipit mi id suscipit. Pellentesque sit amet gravida ligula. Nulla auctor lectus id commodo lacinia. Ut cursus ornare egestas. Ut scelerisque, dolor at pulvinar interdum,
              erat augue molestie sapien, sed tincidunt elit mauris eu urna. Mauris varius ligula ac ipsum auctor, sed finibus libero porta. In eu vehicula justo. Aenean imperdiet metus ex, faucibus tristique augue fermentum vitae. Qu</p>
          </section>
        </section>
        <section class="os-animation" data-os-animation="bounceInLeft" data-os-animation-delay=".3s">
          <section class="about">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod suscipit mi id suscipit. Pellentesque sit amet gravida ligula. Nulla auctor lectus id commodo lacinia. Ut cursus ornare egestas. Ut scelerisque, dolor at pulvinar interdum,
              erat augue molestie sapien, sed tincidunt elit mauris eu urna. Mauris varius ligula ac ipsum auctor, sed finibus libero porta. In eu vehicula justo. Aenean imperdiet metus ex, faucibus tristique augue fermentum vitae. Qu</p>
          </section>
        </section>
      </section>
    </main>
  </body>

</html>

 

komentarz 13 sierpnia 2017 przez xmentor Nałogowiec (49,520 p.)

Odpowiednio podepnij pliki i problem będzie rozwiązany.

Tuż przed znacznikiem zamykającym ciało dokumentu dodaj:

 <script src="js/jquery-3.0.0.min.js"></script>
 <script src="js/jquery.waypoints.min.js"></script>
 <script src="js/waypoints.js"></script>
komentarz 13 sierpnia 2017 przez niezalogowany
dokładnie, jak kolega @xmentor radzi
komentarz 13 sierpnia 2017 przez kamil29 Obywatel (1,230 p.)
rzeczywiscie  dziala,dzieki.Czyli wychodzi na to,ze bardzo wazna jest kolejnosc w podlaczaniu plikow
komentarz 13 sierpnia 2017 przez xmentor Nałogowiec (49,520 p.)

Tak, nawet w poprzednim temacie dostałeś podpowiedź.

1
komentarz 13 sierpnia 2017 przez Arkadiusz Waluk Ekspert (287,550 p.)

@kamil29: to już kolejna sytuacja, że tworzysz któryś taki sam temat, a następnie dziwisz się, że jest Ci zwracana uwaga (jak np. tu https://forum.pasja-informatyki.pl/275723/jak-zatrzymac-wykonywanie-animacji?show=275748#c275748).

Ponadto to zwracanie uwagi traktujesz jako "nic nie wnoszące posty". A to są własnie posty coś wnoszące - porządek na forum. Gdyby każdy zakładał po 3 pytania na ten sam problem, to mielibyśmy tu niezły bałagan. Dlatego proszę się dostosować do panujących zasad i nie powielać więcej pytań, po raz ostatni zwracam na to uwagę.

Podobne pytania

0 głosów
1 odpowiedź 389 wizyt
pytanie zadane 6 sierpnia 2017 w HTML i CSS przez kamil29 Obywatel (1,230 p.)
0 głosów
1 odpowiedź 134 wizyt
pytanie zadane 13 kwietnia 2017 w HTML i CSS przez czujek22 Dyskutant (7,670 p.)
0 głosów
0 odpowiedzi 145 wizyt
pytanie zadane 15 lipca 2017 w JavaScript przez Alex.Ironside Stary wyjadacz (14,880 p.)

92,455 zapytań

141,263 odpowiedzi

319,100 komentarzy

61,854 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

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 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!

...