SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Round corner tabs using images...preload images?

    Followed this tutorial http://www.sitepoint.com/article/accessible-menu-tabs to duplicate rounded corner tabs on a site I'm working on but the problem is that the first time you browse to the site and hover over a tab there is a flicker of square corners before it caches the two round corner images I'm using. Once it caches the image everything is fine, but it's bugging me that for a second when you hover over the first tab it does this. It does it in the example from the tutorial also if you view the tab they've built in action. Watch the corners closely you'll see them square then switch to round after the browser caches the images.

    Is there a way to stop this or is it just the nature of the beast with this method?
    Deron Sizemore
    ----------
    My Sites: LogoGala | Golf Ledger (coming soon)
    Twitter: Deron Sizemore

  2. #2
    . shoooo... silver trophy logic_earth's Avatar
    Join Date
    Oct 2005
    Location
    CA
    Posts
    9,013
    Mentioned
    8 Post(s)
    Tagged
    0 Thread(s)
    Logic without the fatal effects.
    All code snippets are licensed under WTFPL.


  3. #3
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by logic_earth View Post
    Thanks, I forgot about these. I think I'll go head and try to implement the sliding doors. Seems like a better solution.

    Quote Originally Posted by logic_earth View Post
    The second has the remedy to the preload problem.
    http://wellstyled.com/css-nopreload-rollovers.html
    Thanks for this link as well, although I don't think it's what I needed as I would have to use a fixed width image so if I maybe added a link that the text was longer than the image, it wouldn't work.

    Thanks.
    Deron Sizemore
    ----------
    My Sites: LogoGala | Golf Ledger (coming soon)
    Twitter: Deron Sizemore

  4. #4
    CSS & JS/DOM Adept bronze trophy
    Join Date
    Mar 2005
    Location
    USA
    Posts
    5,482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Read the second article. It demonstrates combining the two techniques.
    We miss you, Dan Schulz.
    Learn CSS. | X/HTML Validator | CSS validator
    Dynamic Site Solutions
    Code for Firefox, Chrome, Safari, & Opera, then add fixes for IE, not vice versa.

  5. #5
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Kravvitz View Post
    Read the second article. It demonstrates combining the two techniques.
    Thanks, I'll do that!
    Deron Sizemore
    ----------
    My Sites: LogoGala | Golf Ledger (coming soon)
    Twitter: Deron Sizemore


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
  •