jQuery Forum

I'm trying to achieve a "parallax background" like in iOS7 where the background moves with mouse movement on hover of the element and device orientation.

I found parallaxify ( https://github.com/hwthorn/parallaxify ) and the demos seem to work perfectly, but when I try to implemnt it, it doesn't work.

I want the backgrounds of #input and #backgroundFix to animate / move when the mouse is over them or when the device is being tilted.

I included the script, here on line 499:https://googledrive.com/host/0BwJVaMrY8QdcWHhEb3k5U3A4WXc/jquery.parallaxify.js

And I initialised it, like so: $('#input, #backgroundFix').parallaxify(); or line 997

However, in the page, the header's background illustration / image is not moving.

Here is the page:https://googledrive.com/host/0BwJVaMrY8QdcWHhEb3k5U3A4WXc/KE_home.html

I would greatly appreciate any and all help in achieving this effect!