Horizontal version of Jquery parallax script

JavaScript
1

Hi,

Does anyone know where I can get hold of a horizontal version (or something very similar that works horizontally) of the vertical jquery based parallax script at the Nike Better World website?

It also needs to have navigation, maybe like the dots on the Nike script, but obviously along the bottom probably in the footer, to allow for gentle “easing” navigation between slides.

I’ve found a few vertical ones based on the Nike script but nothing that works horizontally with an inbuilt navigation from panel to panel.

Any ideas?

2

Maybe http://www.magictoolbox.com/magicslideshow/ might work for you. It doesn’t need the thumbnails, but can work with “dots” if you wish along the top.
Janell

3

Here’s one: Background Parallax Example
And here’s one that uses a CSS mouse-over to achieve the effect: CSS 3D Meninas

4

Thanks, had a look at the Background Parallax Example, unfortunately his documentation doesn’t really explain how to set it up, apparently the Javascript is just one line- I can’t see how that would work?

It looks good but his instructions are virtually non-existent unfortunately…

5

The page says:

The jQuery Background Parallax project is a plugin that causes a background image to scroll at a different speed to content, giving an illusion of depth.

Which is pretty much self-explanatory. If instead you want multiple layers with different images overlapping each other at different visual perspectives, that plugin is not for you.

6

Ah, sounds like it’s not really what I need then- as I want something very close to the Nike effect. Thanks anyway.

7

The series of demos at the following location seem to be closer to what you’re after
webdev.stephband.info

Ultimately though, what Nike has come up with there takes some clever engineering to look as good as it does there.

8

Thanks, I will take a look :slight_smile: