I’ve been trying to use CSS as much as possible for all my layout design, keeping as much to basic html as much as possible for the main content.
Using external stylesheets, I’m asking for the page to load some background animated gif images (2kb and 9kb each). These are then supposed to be a syncronised animation (ie changing frames at as close to the same moment as possible).
Unfortunately though, because the image files are found only in the external style sheets, they load at slightly different times, the first time the page is opened (and this particular animation is most important for the very first index page into the site).
I’m tying not to use JavaScript to PreLoad them into the browser, as I’d much rather keep things with html and CSS. I’m sure that quite a few years ago when I used to use image rollovers more, I used to preload the images somehow in the main <body> tag.
Something along the lines of this:
[code=html]<body class=”tta” onload=”img.src=”/css/graphics/sectional/000.gif” ;”/css/graphics/header/sectional-header-000.gif””>
(just clearly not like this, as that’s all wrong!)
Was it a weird delusion that I did something like this in the past, or is it all just done in JavaScript in the current valid markup?
Sorry for asking something I’m sure should be a simple solution. I’ve spent the last hour looking through my old books, and trying to find examples on the web.. unfortunately all the old sites I did something from what I recall to be similar, are now overwritten!
I look forward to having my sanity restored!