Red X images solution?

[Dragon]

On a fast network its not as likely to show up, but otherwise pages like this: spatialpublics.com/index.cgi?board=animeshows
the images often show up as Red X's instead of the images. Probably because theres so many images and on a slow network....

There a way to get around this problem or well, fix it ?

Its not like the images arent there, they just fail to show up with a slow internet access, and you have to right click and hit show image for alot of them. Seeing this happen with the proboards posting buttons on slow internet areas too...

[Charles Stover]

Try using a different image host. The red X's means the browser did not receive the image from the server. If it really is because of your network, there is nothing you can do about it. The network is dropping the connection instead of downloading the image.

It may just be a crummy file host that isn't sending the files to begin with, however, and hosting them elsewhere (I recommend http://imgur.com) should alleviate the issue.

[Tumbleweed]

I have a page with a bunch of images on a sub-board and I used to get slow loading too plus some strange stretching until all the images were in place. Although some people may argue the merits of preloading images my problem was solved when I had them preloaded on the page prior to where the images should show.

It won't do any good on the same page so maybe putting the preload in your global footer or even main footers.

Another though is using image sprites but in all honesty, I know very little about them. Learning about them and how to do it is on my "to do" list. lol You'd need to read more about them by googling sprites. If each image is really large in bytes I'm not sure how well sprites would work. So dumb about it. If you are always changing, removing, adding images then this probably wouldn't be for you.

[dude]

Jun 26, 2011 15:37:22 GMT -8 Tumbleweed said:

I have a page with a bunch of images on a sub-board and I used to get slow loading too plus some strange stretching until all the images were in place. Although some people may argue the merits of preloading images my problem was solved when I had them preloaded on the page prior to where the images should show.

It won't do any good on the same page so maybe putting the preload in your global footer or even main footers.

Another though is using image sprites but in all honesty, I know very little about them. Learning about them and how to do it is on my "to do" list. lol You'd need to read more about them by googling sprites. If each image is really large in bytes I'm not sure how well sprites would work. So dumb about it. If you are always changing, removing, adding images then this probably wouldn't be for you.

Think this is probably a good call regarding using sprites - basically just means you put all the images together as a single file and then use css background positioning commands to display the appropriate bit of each image. I've got a really fast connection and even I had an issue with one of the images loading - they all loaded virtually instantly and then one refused to. I then open that image in a new tab and it still wouldn't load but when I closed the previous tab the image loaded instantly - I have a feeling the issue is something to do with making too many instantaneous connections to the server. The trouble with it as a solution though is it'll be a lot of extra effort for you - complete code re-write basically and each time you want to add an extra image you have to re-save the whole image sprite.