1 Accepted solution
Hi @MChe,
Based on a quick review, your script is firing before the DOM elements or images are fully rendered.
You can try wrapping your script in a window load event listener to make sure all assets are ready before the carousel JS runs.
$(window).on('load', function() {
// your carousel JS here
});
This forces the script to wait until the entire page load (including images) is complete before running.
Glad I could help.
Solving HubSpot puzzles is what we do.
Ernesto // GiantFocal
Found this answer helpful?
Marking it as the solution helps both the community and me - thanks in advance!
Solving HubSpot puzzles is what we do.
Ernesto // GiantFocal
Found this answer helpful?
Marking it as the solution helps both the community and me - thanks in advance!
Hi @MChe,
Based on a quick review, your script is firing before the DOM elements or images are fully rendered.
You can try wrapping your script in a window load event listener to make sure all assets are ready before the carousel JS runs.
$(window).on('load', function() {
// your carousel JS here
});
This forces the script to wait until the entire page load (including images) is complete before running.
Glad I could help.
Solving HubSpot puzzles is what we do.
Ernesto // GiantFocal
Found this answer helpful?
Marking it as the solution helps both the community and me - thanks in advance!
Solving HubSpot puzzles is what we do.
Ernesto // GiantFocal
Found this answer helpful?
Marking it as the solution helps both the community and me - thanks in advance!
Hi @MChe,
Looks like this has something to do with the JavaScript plugin called "Flickity" that is being used for the slider.
The main photo is always there but it does not get displayed because the height of the main photo is set to zero in some ocassions, leading to this:
It looks like the slider re-appears not just with a refresh but also by resizing the window, so there might be some JavaScript conflicts or bugs somewhere.
You will likely need to have a developer try to troubleshoot the code.
