Link to home
Start Free TrialLog in
Avatar of coolispaul
coolispaulFlag for United States of America

asked on

Jquery parralax effect

Hi,

I want to create an effect with html/jquery similar to the attached pdf.

Is this possible and how should i go about it?

Thanks
infin.pdf
Avatar of LZ1
LZ1
Flag of United States of America image

I would start with Jquery ScrollTo
Avatar of coolispaul

ASKER

thanks, but how would you get the same effect by actually scrolling?

it looks like that only works when you trigger the function by clicking a link or something...
You can use the jquery .scroll function.

But honestly, why not just create a large background image and code it in a linear fashion. When someone scrolls(like the PDF) you'll have the effect.
I dont understand how that would work as there is movement diagonally
It only "looks" like there is movement diagonally when you scroll.  A PDF is just like any other document in that it's vertical.

If you have an image that you'd like to use I can see if I can code a quick example for you.
I have a storyboard as a psd if that helps.
Also is a jpeg of a few of the screens as 1 big image - im not sure if this is right but may be what you need...

thanks for taking a look...


Thanks
infin.psd
all.png
After some playing around, it's probably going to be best to slice up the images you need and then we'll invoke the jquery scrollTo plugin.  I tried it as one large background, but it just looks clunky and odd.
ASKER CERTIFIED SOLUTION
Avatar of LZ1
LZ1
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial