Is there a way to do page transitions?

  • Hello everyone,
    I was just wondering if there is a way to do transitions for moving from page to page. I saw the awesome AJAXd WordPress plugin but I haven’t figured out how to make transitions from between pages. I use WordPress more as a website than I do as a blog, and therefore use the pages more than I do posts. I’d like to be able to fade out the current page and then fade in the next one.

    For clarity:
    From home page, user clicks on About. Home page fades out, About fades in.

    Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Interesting enough idea. Personally I think that might be annoying after a few pages.

    Technically, that click tells your browser to request a new page, and once it has enough it will toss your existing page and start generating a new one. Sometimes it is well underway before it has all the graphics.

    For JavaScript enabled users, if your two pages are similar enough, you could use AJAX to request the “differences” between the current and requested page, then use some DOM manipulation to do the changes. But that might cause a delay.

    But IMHO hopefully nobody will create a plugin that does that. Even though it sounds like a technically cool thing it probably doesn’t help with usability.

    (If you really like that for your own browsing, maybe a Firefox extension would do the trick?)

    Thread Starter kufire

    (@kufire)

    It’s a text-heavy site: it has no images whatsoever, except for the logo. I didn’t want to bother with doing a Flash site. My goal was to have the special effect (fading) without using Flash. I saw that it was possible with AJAX and was thinking that it’s possible from page to page.

    I understand concerns about usability, but it’s an extremely clean site: white background, sans serif black text. I prefer a fade aesthetically because when someone clicks on a new section, it is a “jarring” transition: suddenly text appears.

    Well, there may be one thing you can do… without AJAX, too… fade your text out when the user clicks, and when a page loads, fade the text in. Or – fade to a black background, and unfade when they load the next page.

    WordPress has jQuery already installed. It’s probably the easiest way to do the effects.

    One caveat… not everyone has JavaScript enabled all the time, you’ll probably want to implement this so non-JS folks can still browse your site.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Is there a way to do page transitions?’ is closed to new replies.

Tags