How to combine impress.js and parallax.js?

Question

I would like to use the presentation script impress.js (http://bartaz.github.com/impress.js/#/its) to create a website. Now I would like to also use parallax.js (http://stephband.info/jparallax/) to create a parallax effect using all the images in one "step" of the presentation. Now I am struggling when trying to include the parallax effect into the impress.js. The problem seems to be that impress.js is in a 3D space while parallex.js uses margin and position to move the elements. Now my question is, does anybody have experience in combining these two tools or might have an idea which parallex effect might work in a 3D space?

synner · Accepted Answer · 2013-03-13 12:34:32Z

1

Maybe you could create a second div (with fixed height and width) in your impress step container, which surrounds the parallax listing. Have you tried that? :)

answered Mar 13, 2013 at 12:34

synner

1157 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rahul Shah · Accepted Answer · 2013-03-23 00:42:02Z

1

Try Flowtime.js.it Supports parallax,however you will lose some essential features which are in impress and not here.

answered Mar 23, 2013 at 0:42

Rahul Shah

1,4074 gold badges23 silver badges42 bronze badges

Collectives™ on Stack Overflow

How to combine impress.js and parallax.js?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related