SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Dec 2012
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Page transitions

    Hello,

    This is my first post here at sitepoint and I am glad to become part of the community.

    I was wondering how to achieve page transitions similar to the following website:

    http://lamoulade.com

    Your help is greatly appreciated.

    Regards,

    GKTareen

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,598
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    Hi gktareen. Welcome to the forums.

    They are using JavaScript to get those effects—in the form of jQuery scripts. You can see these scripts in the source code of the page.

    Beware of effects like these, though, as they can quickly make the page inaccessible if not done right. If you disable JavaScript on that site, it's not a pretty story, which is not good web design. Some people do have JS disabled, and others don't have it at all, so it's important that a page works without it.

  3. #3
    SitePoint Member
    Join Date
    Dec 2012
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you for the prompt reply Ralph.

    I understand that these type of effects are not good for accessibility and usability. However this is something which my client has requested so I must deliver.

    How would I go about achieving transitions like this? Do I just use the same script? How would I apply it on my pages?

    Thanks again.

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,598
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    It's not really my area, but jQuery is not hard to use in principle. You add a link to the jquery library (as in the code of that page) and then any other scripts that are needed to create that functionality. You could copy those scripts and play around with them, but if you need help with it, we can move this thread to the JS forum. jQuery is fun to play around with, but can get a bit frustrating, too.


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
  •