I have a slideshow on my home page it takes about 5 seconds to load the first image on a mobile can anyone help with maybe a wait loading ?

Ask the community
,
2

Hi,
You could try hiding the slideshow until the page has fully loaded:

$w.onReady(function) {
$w("#mySlideShow").show();
}

You will also need to tick the “hide on load” check box in the properties panel (enable corvid first). See this link about properties panel:

Velo: Working with the Properties & Events Panel | Help Center | Wix.com.

1440×747 166 KB

3 
Thanks for suggestion tried that not working it seems to be the gallery taking a long time to display content link to site is www.lotsofdoodles.com

$w.onReady(function ()
{
    $w('#dataset1').onReady( () =>
    {
        $w('#dataset1').new();
        console.log("The dataset is ready");
    })
})

$w.onReady(function()
    {
        $w("#gallery1").show();
    })
4

So why are you using:

$w.onReady(function(){
}

2 times? You only need to use it once.

Also, are you trying to create a new item?

$w('#dataset1').new();

I could only find that it is to create a new item in the documentation:

Or are you trying to achieve something else with it???
If you are not trying to do that, just remove it. That might be the bug.

5 
Hi Arthur thanks for your assistance, no trying anything to make work, no mater what i do i am unable to get loading text to show until first slide appears

$w.onReady(function ()
{
$w(‘#dataset1’).onReady( () =>
{
console.log(“Dataset is ready”);
})
$w(‘#gallery1’).show()
$w(‘#text43’).hide() //loading
})

6

Hi,
Are you sure you haven’t got your loading text as “hide on load”(in properties panel)? Because now the text isn’t even showing(it was before). Also, can you see the difference between your code & the code I provided?

Your code:

$w('#gallery1').show()       
$w('#text43').hide()

My code:

$w('#gallery1').show();  
$w('#text43').hide();
7

Not hidden on load that’s the problem it should be there

8 
I got this code working but the fade time takes about 10 seconds no mater how low i set it

import wixData from ‘wix-data’;
import wixWindow from ‘wix-window’;

$w.onReady(function ()
{
if (wixWindow.rendering.env === “browser”)
{
setTimeout(() => {$w(“#loadingGif”).hide(“fade”); }, 5000);
}
});

9

https://www.wix.com/corvid/forum/community-discussion/duration-in-animation
This should do the trick