Problem sa CSS animacijom

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Momci treba mi mala pomoc... Igram se sa nekim PSD-jem, prebacujem ga u html... E sad hteo da inkorporiram animate za malo interaktivnosti.. Odradio sve, na lokalu je kul ali kad sam ga kacio na ovaj besplatni hosting cisto da probam kako radi nesto mi baguje.. Animacije su ili duplirane ili nesto, nemam pojma sta je..

Aj molim vas kliknite na link ako imate vremena pa mi javite da li je isto i kod vas.. Maltene animacija se duplira, tako nesto, nije mi bas jasno

[Link mogu videti samo ulogovani korisnici]


Tehnicki na svaku sekciju ista prica, duplira nesto

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Ne znam šta si primetio da ne valja, prilično šturo i nejasno si opisao... Sa moje strane je sve u redu, nema "duplih animacija" sve se lepo vidi. Jedino što sam primetio su ovi čudni pravougaonici, pretpostavljam da ne bi trebalo da se vide:

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Ne ni kod mene, ja bih fiksirao navbar da bi imao gde da kliknem. Mozda ovakav navbar
[Link mogu videti samo ulogovani korisnici] [Link mogu videti samo ulogovani korisnici] sa nekim tvojim izmenama, poz

Ne vide se social icone
Ubaci direktno ako [Link mogu videti samo ulogovani korisnici]

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

aj dajte neki dobar free video screenshot maker, da snimim a da mogu da vam dam link da odgledate... Moram da vam pokazem

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Napisano: 14 Mar 2016 0:34

Ima ovaj ali png Nimbus Screenshot and Screencast za chrome browser, ne za video za sta treba

Dopuna: 14 Mar 2016 0:40

Imas ovde deo na related makeGifvideo capture mozda radi

Dopuna: 14 Mar 2016 1:34

Besplatan [Link mogu videti samo ulogovani korisnici]

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

[Link mogu videti samo ulogovani korisnici]

Trebalo bi da vidite... Dakle 2x sam refreshovao, cisto da vidite u cemu je fora

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Aha, ponavlja animaciju! Ne znam kako bih ti pomogao, ič se ne razumem u HTML ali pretpostavljam da bi bilo korisno da ovde postaviš deo koda koji je namenjen za odvijanje animacije.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

1. Vidim da nigde u kodu nisi inicijalizovao WOW objekat, a može vrlo lako i to da ti pravi problem.

<script src="wow.min.js"></script>               <script>               new WOW().init();               </script>

Prvo to popravi, a usput dodaj i Animate.css.

Ako prvo ne radi:

2. Tebi se pri samom ulasku u stranicu ispaljuje animacija, kao i kada se završi učitavanje DOM-a. Pokušaj da ostaviš samo jQuery tu gde je, a da napraviš poseban JavaScript fajl koji bi dopremao fajlove tek kada se učita ceo DOM. Onda polako vraćaj jedan po jedan fajl ponovo na dno i vidi koji je sporan (mada bih rekao da ti ovde WOW.js stvara problem).

$(document).ready(function() {      $.getScript( "wow.js ", function() {      });      $.getScript( "typed.js", function() {      });     ... });

Inače imaš i data-wow-delay atribut u WOW.js, ali ne možeš da tempiraš tačno vreme kada će se na svakom pregledaču učitati stranica. Moguće je i da je došlo do nekog konflikta, no pokušaj sa ovim što sam ti napisao prvo.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

.wow { visibility:hidden; }

probaj da ubacis ovaj code u css i javi sta se desava

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

problem je bio ocigledno u typed.js... Nekako je ispadalo kao sto je elite rek'o, opali animaciju pre i posle ucitanog DOM-a... Ima donekle logike buduci da typed je trebao da "cita" 3-4 stringa koje sam kasnije povukao i ostavio klasican paragraf kao sto je na PSD-ju...Ali zaboravio da sklonim skriptu.. U svakom slucaju mislim da je sad ok.. Proveravao nekoliko puta, kod mene radi odlicno.

Trenutno je ovako..




gornji deo markup-a, cisto da vidite kako izgleda, ceo je na tom fazonu, tacnije animate klase





skripte raspored





cutom.js

Kod mene sad radi, pustio sam i kroz nekoliko browsera svuda ok

P.S Inace @dejnik... problem sa ikonicama je bio prost, ja sam nepismen losa putanja. fontt-awesome.min..css sigurno nece da radi Sad ispravljeno