Adding loading screen animation

  • Resolved Bryan Tan

    (@bryantanjung)


    7 years, 2 months ago

    Hi, I added an animation to my website but every time the website load the animation will show up.
    Anybody know how to play the animation just for the “homepage” instead of every time my website load?

    I added my website animation by following this article
    https://tobiasahlin.com/spinkit/

    my website is below, Thanks in advance ??

    • This topic was modified 7 years, 2 months ago by Bryan Tan.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Job a11n

    (@jobthomas)

    Automattic Happiness Engineer

    Hey @bryantanjung – I’ve looked at a few different pages and I don’t really see that loading anywhere (maybe my internet speeds are too fast).

    That said, I’m not sure how and where you’ve added it, but you could just add some conditionality and for the most part have (I used the spinner as example):

    .spinner {
  display:none;
}

    Which would hide it on all pages, and use either .home or .page-id-172 to clarify that on that page the spinner does need to be displayed.


    Link to image: https://cld.wthms.co/tCExfb

    Thread Starter Bryan Tan

    (@bryantanjung)

    Thanks for you response @jobthomas I decided to remove the preloading animation for now since its animation too long, I will try it again later. Thanks anyway!

    Job a11n

    (@jobthomas)

    Automattic Happiness Engineer

    @bryantanjung my pleasure and all the best!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Adding loading screen animation’ is closed to new replies.

Tags