css question
- Started
- Last post
- 7 Responses
- deadpixels
Hi got a question that might be obvious but its not to me. How do you make sure an external style sheet completely loads up before all the images start to. I Want to do this because i want a background displayed before the images load and overlay it. At the moment they load both at the same time and so the background doesn't get seen. And before you ask, no google isn't down today, it just doesn't understand me. Thanks in advance
- radar0
I'm not aware of a way for it to definitely load first, but as long as the file size is small it should load prior to images in the body of the page.
- sherman0
technically they should load sequencially but maybe us a javascript preload to load the background image if its large.
- g3kk0k1d0
warning: prolly wont work.
load the header with the css
then load the images into a javascript array
so they are loading at the same time but only the css background image is loaded to the screen
have a javascript delay until all the images have finished downloading, then assign the downloaded images to there correct positions (using another delay if needed)
you might need change the html tags of the images so they are easily sequence to loop i.e. name=img1 rather than a unique name
- radar0
why not take them to an initial page with say just text - with that background on the page, so when they advance to the page with the images the background is already saved in their cache and will load immediately?
- jakeyj0
why are you having a background behind your images that needs to be seen? I don't get that part
- winter0
why are you having a background behind your images that needs to be seen? I don't get that part
jakeyj
(Jan 17 06, 10:23)
--------------------------------...i think he's trying to mix the pics with the bg, like something that happens to the bg.
have you tried the LOWSCR attribute?
- winter0
you could also make a swf out of each image and delay them on a transparent movie.