Is there anyone out there that knows how to use Wix code to go from a “Splash” page to a new page. I need to show an animation opener that simulates the Header being built but don’t want to have the end-user have to tap or touch to get to the “real Home page” that does include the header.
Hi,
Our preloader tutorial might direct you in the correct way.
It consists or a lightbox overlay and a timer to remove it after 1.5 seconds.
OK, not reallly sure how to proceed. I have a video in Wix Pro Gallery (to make it as responsive as possible, then two “Strips” behind it, need the video to fade after playing (around 13 sec. or 13000 ms) and then show the faux menu bar (top Strip) and the last image of the video (bottom Strip) but need the Hamburger menu I created to be clickable to allow enduser to navigate.
The problem with the code you/ve shown is that “#preloader’” (my Wix Pro Gallery video) sits on top of my faux header (with the hamburger menu), I need the user to be able to click the hamburger menu, not the “#preloader’”
Thanks for any help you can provide, appreciated!
Hi,
In the example I provided, the overlay only covers the body section of the page, the header and footer sections are hidden for design purposes.
For instructions on how to toggle the header & footer visibility please see here .
I understand but I need the header and footer to appear after the video is done. The video keeps on popping on after the “FadeOut”. I need the screen to resolve to the strips behind the video without the video reappearing.
Tried adding this but it still comes back:
$w.onReady(() => {
waitForLoading();
});
function waitForLoading() {
setTimeout(() => {
$w(‘#preloader’).hide(‘FadeOut’);
}, 14000);
$w(‘#preloader’).hide;
}
Hi,
At the moment the FadeOut animation is buggy and flashes the image upon completion.
We are working on a fix and will update you as soon as we have any update.
Hello,
A fix was deployed and the flashing element issue should be solved.
But how do I get the video to not reappear after it fades? please see my code and tell me where I’m making a mistake.
There’s also an issue with Wix Pro Gallery videos, when you resize the page the video goes to the last frame and stops with no way to replay it. It should just keep playing (Autoplay, one time) as you resize the screen.
CAn someone tell me why this work in Chrome but not in Safari? Where is my code wrong?
Need to show #gallery image at end so no > play button shows.
$w.onReady(() => {
waitForLoading();
});
function waitForLoading()
{
setTimeout(() => {
$w(‘#video’).hide(‘FadeOut’);
}, 13000);
$w(‘#video’).hide;
setTimeout(() => {
$w('#gallery1').show('FadeIn');
}, 12000);
}
PLEASE HELP!!!
This code works great in Chrome but NOT in Safari, WTF?
I have three images sitting behind my video that simulates the header and menu.
Why is this not working in safari?
Here the link:
$w.onReady(() => {
waitForLoading();
});
function waitForLoading()
{
setTimeout(() => {
$w(‘#video’).hide(‘FadeOut’);
}, 13000);
}
Hi, Thanks for letting us know. We’re checking
Thank you,
It’s very important that this work using Pro Gallery as it is the only option Wix offer that makes the video “somewhat” responsive. The Strip I’m using currently for my splash page is not resposive and crop the logo in the bottom-right.
Hi,
Did you find a solution for this problem? I’m in the same pickle now.
I am also facing this same problem,
any updates ???
importance of Credit Card Generators