SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Zealot
    Join Date
    Oct 2009
    Posts
    140
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Horizontal version of Jquery parallax script

    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. #2
    SitePoint Member
    Join Date
    Oct 2007
    Location
    Los Angeles, CA, USA
    Posts
    17
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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. #3
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,705
    Mentioned
    101 Post(s)
    Tagged
    4 Thread(s)
    Here's one: Background Parallax Example
    And here's one that uses a CSS mouse-over to achieve the effect: CSS 3D Meninas
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  4. #4
    SitePoint Zealot
    Join Date
    Oct 2009
    Posts
    140
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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. #5
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,705
    Mentioned
    101 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by trufflepig View Post
    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...
    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.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  6. #6
    SitePoint Zealot
    Join Date
    Oct 2009
    Posts
    140
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ah, sounds like it's not really what I need then- as I want something very close to the Nike effect. Thanks anyway.

  7. #7
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,705
    Mentioned
    101 Post(s)
    Tagged
    4 Thread(s)
    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.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  8. #8
    SitePoint Zealot
    Join Date
    Oct 2009
    Posts
    140
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks, I will take a look


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •