Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 7 of 7
  1. #1
    Senior Member hagen's Avatar
    Join Date
    Aug 2005
    Posts
    408
    Member #
    10882
    Liked
    1 times
    Hi I want some javascript to fade between images as i load new pages...

    the script that i am currently using works lovely in firefox... but not on explorer...

    can anybody recomend something robust and with good cross browser compatibility?

    :-) thaks -Hagen
    Hagen Rose: hagen(at)jxwd(dot)co(dot)uk
    JX Web Development, Bournemouth, Dorset...JXWD.co.uk

  2.  

  3. #2
    Member
    Join Date
    Oct 2010
    Posts
    32
    Member #
    24497
    You should avoid Javascript and use Jquery instead. Since Jquery has fadeIn(), fadeOut() functions, it will best suit to you.

  4. #3
    Senior Member paintingtheweb's Avatar
    Join Date
    Jul 2007
    Location
    Las Vegas
    Posts
    128
    Member #
    15503
    jQuery is just a library for JavaScript...So I'm not sure what you meant by avoiding JavaScript...anyway, one great jquery plugin worth checking out is the cycle plugin. Might do what you're looking for.

  5. #4
    Junior Member
    Join Date
    Dec 2010
    Posts
    13
    Member #
    25786
    also jquery has nice user interface plugins which may be advantage,, I would always recommend using jquery for your fades , etc.

  6. #5
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    I'd also go with JQuery. I've written a decent fader for it myself for a recent client project (this is my second time ever using the framework, though, so the code might not be as elegant as it's capable of being).

    The one thing I'd caution against is translucent PNGs. IE7 and earlier doesn't handle translucent PNGs well, so any fadeouts, etc. should be done with a solid color.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  7. #6
    Senior Member paintingtheweb's Avatar
    Join Date
    Jul 2007
    Location
    Las Vegas
    Posts
    128
    Member #
    15503
    Just a quick correction (don't mean to be too picky) - IE7 handles alpha transparency in pngs - it's IE6 and earlier that doesn't.

  8. #7
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    That's true, but I'm talking about alpha transparency in PNGs specifically with a JQuery fader. Just before it fully fades in or begins to fade out, I've noticed that IE7 will turn the PNG completely opaque, which in turn creates a "jerky" effect within the fader. The only way I found to solve the problem (after much trial and error) was to use a solid color instead of a transparent PNG. That way, it doesn't matter if IE7 wants to turn a PNG opaque or not...the background color already is.

    Again, though, it's my second time using JQuery and my first using it with translucent PNGs.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)


Remove Ads

Posting Permissions

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

Search tags for this page

image fade in fade out suits ie7

Click on a term to search for related topics.
All times are GMT -6. The time now is 05:17 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com