+ Post New Thread
Results 1 to 4 of 4
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 ...
  1. #1

    Join Date
    May 2011
    Location
    United Kingdom
    Posts
    562
    Thank Post
    135
    Thanked 21 Times in 20 Posts
    Rep Power
    12

    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.

    Cheers
    Last edited by tj2419; 4th February 2013 at 11:31 PM.

  2. #2

    dhicks's Avatar
    Join Date
    Aug 2005
    Location
    Knightsbridge
    Posts
    5,772
    Thank Post
    1,308
    Thanked 804 Times in 698 Posts
    Rep Power
    247
    Quote Originally Posted by tj2419 View Post
    I want to copy this photo effect
    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:

    jQuery.parallax

    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.

  3. #3
    carvjo's Avatar
    Join Date
    Mar 2010
    Location
    Oxford
    Posts
    195
    Thank Post
    12
    Thanked 39 Times in 34 Posts
    Rep Power
    22
    There is a tutorail and code on GitHub

    https://github.com/richardshepherd/Parallax-Scrolling

  4. #4

    sonofsanta's Avatar
    Join Date
    Dec 2009
    Location
    Lincolnshire, UK
    Posts
    5,375
    Thank Post
    958
    Thanked 1,630 Times in 1,103 Posts
    Blog Entries
    47
    Rep Power
    711
    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)



SHARE:
+ Post New Thread

Similar Threads

  1. Anyone know how to use AUP with terminal servers
    By bart21 in forum EduGeek AUP Informant
    Replies: 1
    Last Post: 24th August 2010, 09:20 PM
  2. Anyone know how to bulk import into glpi
    By reggiep in forum Network and Classroom Management
    Replies: 3
    Last Post: 14th May 2010, 08:28 AM
  3. Replies: 4
    Last Post: 18th March 2010, 09:10 PM
  4. Replies: 8
    Last Post: 12th April 2006, 12:55 AM
  5. Does anyone know how to block chat on google
    By timbo343 in forum Windows
    Replies: 12
    Last Post: 22nd March 2006, 12:38 AM

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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