Graphic heavy - Is there any way to make them load one by one ?

the images are in cells

[diddlydazz]

Graphic heavy - Is there any way to make them load one by one ?

the images are in cells and the page doesn't appear until all the images are loaded, is there a way to make the page appear after on image has loaded ? or give one image priority so the page appears faster ?

I would appreciate help with this it is doing my head in :(

Thanks as always in advance

[mivox]

Is there any way to put the graphics in a separate table(s) from the text content? (Is is one large sliced graphic, 'assembled' in a table, or do the graphics share their cells with text content?)

[tedster]

diddlydazz, image loading is very browser-specific and therefore hard to control.

If you're not talking about the first page, you can pre-load the heavier images on a previous page, so they are instantly available from the cache (see the generic javascript [webmasterworld.com] thread.)

You can also use several layout tables instead of just one large layout table. That is, break your table into several smaller ones. Most of the time, a browser will first render the table that appears at the top of the HTML.

I'm not sure about delaying the text util the images have loaded -- in fact, I usually want the exact opposite effect! It keeps people on the page instead of impatiently clicking away.

[msr986]

diddlydazz,

Are all your <img> tags using height and width attributes? If not, the table may not load until the image files are completely downloaded.

Marty

[mivox]

The reason I ask about separating the tables is because a lot of browsers won't display anything within a table until everything within the table is fininshed loading.

If the graphics and text/content share table cells, try putting the graphics inside single celled tables, nested inside the content cells... (But do try the height/width suggestion first... quicker, easier and takes up less space in the code!)

[rcjordan]

DHTML for sequential image loading [dhtmlnirvana.com]. I haven't used it myself, but everything I've checked into from these guys is first-rate coding.

[diddlydazz]

great !!!

I will try the image size thing first,

thanks a lot for all your help !!!

merry xmas :)

yes they are using the size attributes, it is one table with 8 cells 2 across and 4 down the images are on the left and the text is on the right, so they are all in the same table.

[tedster]

rc, that is an ingenious approach to sequential loading. Thanks for the link.

[rcjordan]

Glad to help, tedster. Knowing you, you might as well bookmark their whole 'alchemy' directory, you're going to be there a lot.

[Marshall]

diddlydazz,

I have to agree with tedster - I usually want the text to appear so the visitor has something to look at while the graphics are downloading. I generally do not combine graphics and images in the same cell and have found that the graphics download afterward. I also always use height and width and I split tables when I can - rather than having one table with four rows, I have four tables with one row each. As for images which can wait, I use an "onLoad" event to hold them until last.