ThemeShaper Forums » Thematic

header images not displayed until after page load

(5 posts)
  • Started 12 years ago by Paul Pomeroy
  • Latest reply from Paul Pomeroy
  • This topic is not resolved


  1. I can't quite figure out what's causing this but images in the header (4, including the logo and a "welcome message") on my blog are not displaying until after the entire page loads. As this is a photo-blog intended to show lots of large images, the page load time can be upwards of 30 seconds which is a long time to wait before the logo and the rest of the header images show up ...

    The header is a bit more complex than what's provided "out of the box" with Thematic as it has a slideshow in it (swf). Oddly enough, the slideshow not only shows up while the page is loading, it even begins playing before the rest of the header elements display.

    A couple of relevant facts: the problem is happening when the page reloads (i.e., when it has to go to the server to retrieve the images). I only have a Mac to test this on -- it may be working correctly on WIndows/IE. On the Mac, it is not working correctly on FF or Camino but does in Safari. I'm not really sure how to approach fixing this. The only thing I could think of was to add some javascript to the head that preloaded the header images but that didn't make any difference.

    Any suggestions?

    Posted 12 years ago #
  2. On Win it work well!

    Posted 12 years ago #
  3. cotinus

    I was able to view the page, and all the images in the header displayed quickly, without any issue on Windows Vista in Firefox 3.0.11

    Posted 12 years ago #
  4. Thanks for checking. It's a relief to hear the problem is not showing up on FF/Win. Still, we do get a good portion of our traffic from people using FF on a Mac.

    Posted 12 years ago #
  5. I figured out a hack to fix this. The header images that aren't being displayed until after the page completes loading are all background images defined via CSS. If I also put them in the header as foreground images and then use CSS to hide them (i.e., display:none) then the background images display correctly. An ugly fix, but I'll take it ...

    That still leaves the question of why background images in the header don't display right away but the tiled background for the page body does. I've no idea why that's the case.

    Posted 12 years ago #

RSS feed for this topic


You must log in to post.