I am wondering how to remove the outline a web browser places on a page before an image downloads and appears.

Question

This is in regards to HTML programming. We have an image-heavy site and when pics are about to download, the browser places a white outlined box on the screen. My client doesn't want to see this. Is there any way this can be disabled? Maybe via CSS? Thanks!

Answer 1

I'm not exactly sure what you are asking. Probably, you want to use this:



If your client then bitches about how the pictures aren't scribed, tell him he can either have scribed pictures or no boxes when images are loading, but that's it.

Answer 2

You could preload the images using a simple javascript in the header of the file, then when the page is displayed the images will be displayed a lot quicker.

I think the site irt.com (I think) should have a simple code for that.

You could download a reduced quality image instead and then when the better quality image is downloaded replace them (not sure where it will tell you how to to that though).

Basically, if you can download the images quicker than you can scroll down the page, then problem solved.

Answer 3

In HTML, use:

If the image is in an achor () add:
xxx
It is the word BORDER.
Set to 0, no border or frame. Set to 1 or omitted, you have a frame.