SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast Line's Avatar
    Join Date
    Jul 2006
    Posts
    39
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    brighten a page to white when a link is clicked, and then unbrighten to the new page

    brighten a page to white when a link is clicked, and then unbrighten to the new page the link sends you to.

    Anyone know how to do that?

    I want to make the home page be the gateway page, and if you click on any of the links, the home page fades to white really fast/smooth and then the white goes away fast and smooth revealing the link that was clicked.

    Thanks ahead,
    -Line
    The LineDetail Drawing Co Theme Site Design Art Flash Game Design
    http://WebSlime.com | Low Cost Hosting And Domain Names

  2. #2
    SitePoint Wizard
    Join Date
    Nov 2004
    Location
    Nelson BC
    Posts
    2,310
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    In IE you can add a tag like this to your page:

    <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Fade(duration=1,overlap=0);">

    In other browsers I have no idea.

  3. #3
    SitePoint Enthusiast Line's Avatar
    Join Date
    Jul 2006
    Posts
    39
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    darn! Hoping one for all but thanks for this one!

    If anyone has a script for all, please post away!

    Thanks again,
    -Line
    The LineDetail Drawing Co Theme Site Design Art Flash Game Design
    http://WebSlime.com | Low Cost Hosting And Domain Names

  4. #4
    I ♥ PHP
    Join Date
    Jul 2003
    Location
    Melbourne, Australia
    Posts
    579
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You could use Javascript to do this, but it would be a tricky technique. I have another script that requires a similar function I will be looking at in the next day or so, once I have it done I should be able to modify it slightly to do what you need here.

    I would create a new div element and absolutely position it to cover the entire screen, fading could be done using opacity css/filters and modifying their value over time. You would create a fadeOut function that would fire when alink is clicked, and a fadeIn function that would fire on page load of the other pages. I think this should work...

    Regards,
    Jordan

  5. #5
    SitePoint Enthusiast Line's Avatar
    Join Date
    Jul 2006
    Posts
    39
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    haha what's funny is I thought this would be an easy find because these were so big just around the internet boom

    -Line
    The LineDetail Drawing Co Theme Site Design Art Flash Game Design
    http://WebSlime.com | Low Cost Hosting And Domain Names


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
  •