javascript - Wow + jquery + animate div shows on load and then appear again -


i using jquery + wow + animate appearing div animations on page. working except page not loading smoothly. divs should appear smoothly first appear on page load, hide , after appear animation.

please check www.pester.rs , see problem, have tried nothing works.

it loading order issue - first, browser downloads document , display it. later when loads entire javascript hides content provide nice animation. think it's affected internet connection speed.

solution 1: hide content css load hidden

cons: if javascript crashes, content stay hidden

solution 2: place code @ end of body, before other scripts loaded (before other script tag)

var wows = document.getelementsbyclassname('wow') (i = 0; < wows.length; i++){   wows[i].style.visibility ='hidden'; } 

it executed right after page loading before jquery , should fast enough.

solution 3: use inserted css file head of document suggested there http://robertnyman.com/2008/05/13/how-to-hide-and-show-initial-content-depending-on-whether-javascript-support-is-available/


Popular posts from this blog

c# - ODP.NET Oracle.ManagedDataAccess causes ORA-12537 network session end of file -

matlab - Compression and Decompression of ECG Signal using HUFFMAN ALGORITHM -

utf 8 - split utf-8 string into bytes in python -