Is there a way for my site logo to change color whilst loading another page?

  • mrworldling

    (@mrworldling)


    4 years ago

    Basically I need a preloader but only for my Logo, not the rest of the elements on the page. So I have a logo that’s red and whilst the page is refreshing or if I click on another one I’d like it to change color temporarily while it’s loading, and then go back to original colour.

    Is this possible via a php/JS script+CSS?

    I’ve found a bunch of preloader plugins but they preload the entire page. I only need it to load the logo specifically, not the rest.

    Any suggestions? Either plugins or scripts?

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • a2hostinglk

    (@a2hostinglk)

    If you are comfortable with Javascript, you can create a custom function that randomly loads the image. In the logic, you will be changing multiple logo images on the click event of your logo image.

    catacaustic

    (@catacaustic)

    The easy way is a combination of JavaScript and CSS. You can set the opacity of the logo image using CSS to something like 0.5, and set up a JavaScript function that is triggered on window load that sets the opacity back to 1. It is possible to change colours as well, and to do it that way I’d have the logo set up as a background image sprite showing one half before loading, and the other half after loading.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Is there a way for my site logo to change color whilst loading another page?’ is closed to new replies.