Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

"Cannot access image" - because netscape is undefined. #42

Open
IngwiePhoenix opened this issue Mar 27, 2015 · 1 comment
Open

"Cannot access image" - because netscape is undefined. #42

IngwiePhoenix opened this issue Mar 27, 2015 · 1 comment

Comments

@IngwiePhoenix
Copy link

Going off the rough explanation from the readme, I tried my luck and tried to create a small demo. It turned into this:

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="jquery-1.11.1.js"></script>
        <script type="text/javascript" src="blur.js"></script>
        <style>
            body {
                background-image: url("http://localhost:8080/cdn/theme/images/bg.jpg");
                background-repeat: no-repeat;
                background-position: center center;
                background-attachment: fixed;
                height: 100%;
                width: 100%;
                color: white;
            }

            .block {
                height: 250px;
                position: absolute;
                top: 200px;
                left: 100px;
                right: 100px;
                background: rgba(0,0,0,0.6);
            }
        </style>
    </head>
    <body>
        <div id="app">
            <div class="block">ovo</div>
        </div>
        <script>
            jQuery(function($){
                $(".block").blurjs({
                    //source: 'body',
                    radius: 5,
                    overlay: 'rgba(255,255,255,0.4)'
                });
            });
        </script>
    </body>
</html>

Upon launching, I got the "cannot access image" error. On further reading, it was due to the netscape object not being defined.

What am I doing wrong here - or, what exactly can I do to fix it?
@drewbaker
Copy link

This is a cross domain scripting error I think. Same one I've had with the original canvas script that Blurjs is based on. See here for details: Quasimondo/QuasimondoJS#7

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@drewbaker @IngwiePhoenix