codrops / ModalWindowEffects

A set of experimental modal window appearance effects with CSS transitions and animations.
1.01k stars 239 forks source link

sepia.htc 404ing #6

Open ritcheyer opened 10 years ago

ritcheyer commented 10 years ago

Hello.

I'm working on integrating these modals on my site and I'm running into a 404 on the sepia.htc file. I've added the following to the bottom of my file. There are a few other JS files that have been added above this (including jQuery):

<!-- classie.js by @desandro: https://github.com/desandro/classie -->
<script src="/assets/js/app-store/classie.js"></script>
<script src="/assets/js/app-store/modalEffects.js"></script>

<!-- for the blur effect -->
<!-- by @derSchepp https://github.com/Schepp/CSS-Filters-Polyfill -->
<script>
    // this is important for IEs
    var polyfilter_scriptpath = '/assets/js/app-store/css-filters-polyfill/';
</script>
<script src="/assets/js/app-store/cssParser.js"></script>
<script src="/assets/js/app-store/css-filters-polyfill.js"></script>

The problem I'm running into is the polyfilter_scriptpath, although working as the library wants, is not present. It also wasn't provided in the download from the Tympanus website.

What's interesting here also is that this sepia.htc doesn't even exist on the demo site (view Web Inspector and you'll see the 404 as of 9/19/13).

I'm developing in Chrome (latest) for Mac, but see the issue also in Safari for Mac.

Any thoughts on what I might be doing wrong?

mikeisrain commented 10 years ago

Hey Ritch,

I had the same issue, no luck gettif response online anywhere, so I simply removed any reference of "Sepia" from the css-filters-polyfill.js file that is included for that Modal Effect Plugin.

There is about 2-3 different areas that you can either comment it out or remove it from the .js file, but it took the error message away when I did it.

Good Luck! Mike

daveed commented 10 years ago

Hi,

In case you need to apply those filters, add an htc folders and the htc files from the official repo: https://github.com/Schepp/CSS-Filters-Polyfill/tree/gh-pages/lib/htc

There is also an overview file you can use for testing: http://schepp.github.io/CSS-Filters-Polyfill/examples/static-vs-animated/static.html

Hope this helps,

Cheers