iOS7-like parallax background
in Using jQuery Plugins
•
9 years ago
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!
1