static libraries - External javascript library error. (Blur.js) -


basically, plugin responsible neat effect: http://www.blurjs.com/

but when try implement on site in chrome error message in console:

unable image data canvas because canvas has been tainted cross-origin      data. demo.html:1 uncaught error: unable access image data: error: unable access local image data:     referenceerror: netscape not defined  

implementation below:

$('.navbar').blurjs({     source: 'body',     overlay: 'rgba(0,100,100,0.1)' });  

what's annoying same error pops in example file! what's going on? tested in chrome , opera , firefox. same errors in his example file.

same error in jsfiddle:

http://jsfiddle.net/8qeaq/7/

i downloaded whole site, , though works online, locally identical files error. strange. disappointing, looked great library. grateful if find fix.

this images below show untouched files, forked straight github, what's going on?

error message

directory structure

try uploading remote computer. sounds error mixing origins (specifically, image different origin html/javascript). can problem when testing locally also, because browsers don't trust local stuff either.


Comments