Parallax Techniques

Header Parallax

• Background is fixed
• A foreground image that moves up slowly
• A background image that moves down slowly
• A logo that moves stays verticaly centered

Landing Elements

• There is a grid with 3x3 model pictures, hidden at first
• When the users scolls down and some of the space where the grid should be is in view, they start appearing.
• Each image from first to last comes with a delay dependent on its position.
  • first comes with no delay, second with x compared to the first, the third with x compared to the second, ...

The Periscope

• Looks like a big window in the page, with a fixed image inside
• When the users scrolls further down, the image darkens and text and button appear

Zooming Thumbnails

• On Picture hover - zoom in picture and show caption