Only working after resize

[jan-heise]

The Parallax-Effect only triggers after a windows resize in the current Chrome-Version - Is there anything we can do about it? We already tried to refresh the instance after the initialization but that doesnt help.

[himali-hulkapps]

Having same issue. Any update here??

[CbDprogram]

Same issue, here any solution yet?

[Noahmorrow078]

same issue

[webdesignweisshart]

Same here

[geosigno]

I guess there was issue with the onload event of the image. Can you still reproduce the issue with the 6.0.0?

[webdesignweisshart]

How can I install SP 6.0.0 other than using npm? I uploaded the whole dir to my server, and called SP in vanilla Javascript:

<script type="module"> import SimpleParallax from "/js/simpleParallax.js-6.0.0/src/vanilla/index.js"; const image = document.getElementsByClassName('parallax'); new simpleParallax(image); </script>

But I get errors:
Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.

I would be grateful for any help

[geosigno]

You can use one of the two links provided by jsdelivery: https://cdn.jsdelivr.net/npm/[email protected]/dist/vanilla/

[lear2000]

im not good that great at js but got it working with this

document.addEventListener('DOMContentLoaded', function() {
    var images = document.querySelectorAll('.your-image-class');
    new simpleParallax(images);
    
    // Force refresh to ensure proper initialization
    window.dispatchEvent(new Event('resize'));
});