Cannot Execute JS because its MIME type ('text/html') is not executable

Design help Custom code
1

Hi,

I’m trying to implement something similar to PixelGeeks demo on the mouse move parallax effect that can be found here: https://www.youtube.com/watch?v=-aXVcSkBEsk

Since the videos creation, Dropbox now no longer allows a public folder so I’m hosting my js files on Google Drive. File location: jquery.parallax.js - Google Drive

I’ve added the below scripts to my custom code (footer) and given each of the 4 elements that I want to be affected by this a different data-depth. The div also has an ID of ‘floaty’.

Google console keeps saying that “execute script from because its MIME type (‘text/html’) is not executable, and strict MIME type checking is enabled.” Image below.

js MIME Error Code
js MIME Error Code784×149 8.3 KB

What am I doing wrong here? The 4 ‘img’ class items are the items that need to be floaty, they are within the ‘floaty’ div.

Is it something to do with Flex boxes or their layout?

Here is my site sharable link: https://preview.webflow.com/preview/academise2-0?preview=1c9968c843f72a0d1bf8dd4530847f7c

2

@samliew @sabanna @PixelGeek

Is this something you guys could help with? Nelson, I’m trying to get a similar effect to the Parallax video you did.

3

For hosting of JS files, see the related post I created in the tips & tricks category for hosting on GitHub.

4

Solved it @samliew

Thanks buddy!