Web Development Thread, Anyone know how to recreate this photo effect? in Coding and Web Development; Home | West Cheshire College
I want to copy this photo effect i don't need it to do it with ...
4th February 2013, 11:28 PM #1
- Rep Power
Anyone know how to recreate this photo effect?
Home | West Cheshire College
I want to copy this photo effect i don't need it to do it with a slider but just a photo moving behind the background.
Last edited by tj2419; 4th February 2013 at 11:31 PM.
IDG Tech News
4th February 2013, 11:57 PM #2
The effect you're looking for is called parallax scrolling (as featured in cutting-edge scrolling arcade games in about 1985). You can have a rummage through the page source of the above link, or there now seems to be a JQuery plugin to help you out:
Originally Posted by tj2419
I'm guessing the basic idea would be to define two (or more) DIVs and, on one's onscroll event, scroll the other one a different amount. A Google search for "jquery parallax" seems to bring up a bunch of pretty decent-looking tutorials.
5th February 2013, 08:57 AM #3
5th February 2013, 09:25 AM #4
Looks like you've got to be careful with your photo selection there though. The first photo works fine, but the third one becomes boring when scrolled, and the fourth one just looks pervy when you're at the top of the page...
(1280 x 1024)
By bart21 in forum EduGeek AUP Informant
Last Post: 24th August 2010, 09:20 PM
By reggiep in forum Network and Classroom Management
Last Post: 14th May 2010, 08:28 AM
Last Post: 18th March 2010, 09:10 PM
By MrDylan in forum Windows
Last Post: 12th April 2006, 12:55 AM
By timbo343 in forum Windows
Last Post: 22nd March 2006, 12:38 AM
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)