Parallax Device Slide

[alphasigns]

I would like to create a page that has a parallax style, vertical slider. Where the device stays, the content slides with the text. Here’s 2 examples, you can see they both do it differently:

http://bit.ly/1K94CLw
http://bit.ly/1i0Rbjp

I could make the background image static, but then how to get the content to slide in the viewer only. Also, to go a step further, make the text fade instead of scroll. Can you help me create a few options?

Thanks.

[sharmstr]

I suggest poking around here: http://www.themepunch.com/support-center/ and here: http://revolution.themepunch.com/example-downloads/

If you dont see an example slider that does what you want, then odds are that rev slider cant do it and you’ll have to find a slider that will.

I will say that your device probably wont be the background. The device would have to have the screen cut out so its transparent and the different screens would be underneath. You can move them in and out of position to give the appearance that the screen is changing.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

I created a quick demo of what I was talking about. Its not perfect by any means, but it will hopefully show you what I mean. http://dev.sharmstr.com/slider-demo/

I’ve attached the slider import

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

Attachments:

You must be logged in to view attached files.

[Author]

Posts