Solved

photo parallax effect

Posted on 2014-04-09
5
715 Views
Last Modified: 2014-04-15
Hi,

I just saw this site and I'm wondering how to code a photo background parallax effect like on this page:
https://bench.co

When you scroll a part of the background remains till a certain point. It's a neat effect.

Thank you<><
0
Comment
Question by:Victor Kimura
  • 2
  • 2
5 Comments
 
LVL 12

Accepted Solution

by:
KRUNAL TAILOR earned 166 total points
Comment Utility
0
 
LVL 52

Assisted Solution

by:Scott Fell, EE MVE
Scott Fell,  EE MVE earned 334 total points
Comment Utility
I have only bookmarked these for future use but not used....

https://github.com/Prinzhorn/skrollr
http://inner.geek.nz/javascript/parallax/
This one is more of what I think of parallax http://wagerfield.github.io/parallax/

Are you interested in the scrolling?
0
 

Author Comment

by:Victor Kimura
Comment Utility
Wow, thank you, fellas! Those are great links.

This page states parallax is just one page and it's not responsive but these sites seem to counter that:
http://wagerfield.github.io/parallax/
http://themeforest.net/item/salient-responsive-multipurpose-theme/4363266?ref=Ihatetomatoes

Will look for more tutorials and play around with the skrollr.js and parallax.js. Really neat.
0
 
LVL 52

Assisted Solution

by:Scott Fell, EE MVE
Scott Fell,  EE MVE earned 334 total points
Comment Utility
It is really about point of view http://en.wikipedia.org/wiki/Parallax

I wouldn't focus on the name, but rather the effect.  Is the scrolling down and revealing that you like?  When I think of parallax, I think more of the wavy wooden sea link I gave you.  But to somebody else, using that term may mean something else.
0
 

Author Closing Comment

by:Victor Kimura
Comment Utility
Thank you, fellas! Father God bless<>< =)
0

Featured Post

Enabling OSINT in Activity Based Intelligence

Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

Join & Write a Comment

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

772 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now