Why Is Blur.js Trying To Access The File "none"?

I'm trying to use blur.js to create a blur effect on my site so you can see the site background behind the content. However, it appears to be trying to access an image called 'none

Solution 1:

It's a bug in the plugin, it assumes that the element you pass to the plugin has a valid URL as a source.

That could be a reasonable assumption but it doesn't handle the situation where there is no background image in the source element, that's when the browser reports "none".

You should probably report it if you care about the plugin because it is undesired and useless load on the server.

Anyway, you should also use the plugin correctly, what you want is:

source: '#page'

However, the source image must be hosted by you, not onlinedesign4uu.co.uk because cross-origin image will not work.