SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Guru
    Join Date
    Sep 2007
    Posts
    971
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    backgro8und image

    on css is there a way to insert a backgroudn image so it dosnt flickewr on page load?
    Animated Chatrooms - www.121chatrooms.net

  2. #2
    $books++ == true matsko's Avatar
    Join Date
    Sep 2004
    Location
    Toronto
    Posts
    795
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Depends.

    If you save the image as "Interlaced" or, if its a JPEG, "Progressive JPEG" then the image will appear blurred and then fix itself a few times to its correct rendering.

    Or

    You can simply just use a javascript loaded for "window.onload" to then reveal the targeted images.
    I can't believe I ate the whole thing

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,466
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    on css is there a way to insert a backgroudn image so it dosnt flickewr on page load?
    It depends what you mean by flicker exactly.

    All images have to load unless you hide them until loaded with script as mentioned above and then reveal them once loaded.

    However, it has been more or less proved (various trials on the web) that users don't like a blank page and like to see something happening straight away and are quite happy to see the page being drawn bit by bit. It makes them think the page has loaded quicker than it has. It also allows text content to be seen earlier also.

    If on the other hand you are talking about flicker when you have background image rollovers then that's a different question with various solutions . (e.g. using two states in one image and swapping the background position on rollover or making sure the rollover image is already loaded under the normal image in the background of the parent of the anchor.)


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
  •