Problem sa CSS animacijom

1

Problem sa CSS animacijom

offline
  • Pridružio: 02 Apr 2006
  • Poruke: 43

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

izlog.byethost31.com/strict/index.html


Tehnicki na svaku sekciju ista prica, duplira nesto



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
offline
  • Pridružio: 10 Okt 2005
  • Poruke: 13526
  • Gde živiš: Beograd

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:





offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Ne ni kod mene, ja bih fiksirao navbar da bi imao gde da kliknem. Mozda ovakav navbar
http://blackrockdigital.github.io/startbootstrap-creative/ http://blackrockdigital.github.io/startbootstrap-agency/ sa nekim tvojim izmenama, poz

Ne vide se social icone
Ubaci direktno ako https://fortawesome.github.io/Font-Awesome/get-started/

offline
  • Pridružio: 02 Apr 2006
  • Poruke: 43

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

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

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 http://camstudio.org/

offline
  • Pridružio: 02 Apr 2006
  • Poruke: 43

drive.google.com/file/d/0B4VoDf4KuT-AWHhienZQTlA3U0E/view

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

offline
  • Pridružio: 10 Okt 2005
  • Poruke: 13526
  • Gde živiš: Beograd

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.

offline
  • Programer
  • Pridružio: 23 Maj 2012
  • Poruke: 4575

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.

offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15766
  • Gde živiš: Majur (Colosseum)

.wow { visibility:hidden; }

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

offline
  • Pridružio: 02 Apr 2006
  • Poruke: 43

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 Smile losa putanja. fontt-awesome.min..css sigurno nece da radi Smile Sad ispravljeno

Ko je trenutno na forumu
 

Ukupno su 916 korisnika na forumu :: 21 registrovanih, 2 sakrivenih i 893 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: A.R.Chafee.Jr., alkatraz080, cenejac111, Fabius, ladro, laki_bb, loon123, Marko Marković, marsovac 2, Mixelotti, mnn2, mrav pesadinac, raketaš, repac, solic, stegonosa, uruk, wolverined4, wulfy, yufighter, zdrebac