Preloader full screen

Hi there, i tried to add a preloader box for my site but i would like to cover the entire width and height of the browser, also the animation still present every time i load the home page. Thanks.

Hay Luca,

In this case I’d opt to use a lightbox, which allows for a full screen experience. You can code a lightbox like any other page, as well as close it using code (see here )

How to achieve that please, I am not that good with coding.

How to disable the animation every time I click the home link?

Hay Luca,

See this answer and this answer about using lightbox APIs.

About disabling the animation on a second entry to the home page, this can be done using the session storage API. It is a storage api that is cleared any time a browser session ends.

Basically, import the API, and on first page load store a value there. Whenever the page loads, check for this value and if it exists, disable the animation.

This will look something like

import {session} from 'wix-storage';

$w.onReady(() => {
  if (session.getItem('mainAnimation')) {
    // disable the animation, probably using hide
  };
  session.setItem('mainAnimation', 'did run');
});

Sorry Yoav but i struggling to achieve this effect, you did sent me some links but some code example would be very appreciated because i still struggling to get the logic with code, so basically the lightbox need to load before content then after few seconds needs to fade out or simply hide and not load everytime i load the page.

i am searching for the same thing but light box doesnt have the means to load before the site loads… wix is no gud . . . .theres not even alternatives in velo coding to do so. even the welcome screen is available for mobile editor but it cant be customized… if any please let me know