Solved

load images after loading the full HTML file

Posted on 2003-11-03
5
1,128 Views
Last Modified: 2007-12-19
I have a webpage with 10 images and some texts. I do not know the height and width of the (random) images, so I'm not using width and height in the IMG tag. But now it takes very long to display the full website, because the IE first try to get the width and heigh of the images (which are on other slow or down servers) and after this the IE loads and display the full HTML page.
Is there a way that the IE first load and display the HTML code and then try to display the images?
Perhaps there is a special META-TAG? Or a special IMG tag like Maxwidth and Maxheight force the IE to display the HTML page befor loading the images?

Thanks for your ideas!
Ben
0
Comment
Question by:bengore
5 Comments
 
LVL 31

Expert Comment

by:seanpowell
ID: 9670589
The browser engine has to determine the placement of every object on the page (the page can't resize as it's being downloaded) so if you have anything below or beside the images, it needs to know the size of the image before it can render.

So, the speed of the download will depend in a large part on your layout. Other than some sort of scripting, the simplest method is to put the images at the bottom of the page.
0
 
LVL 6

Expert Comment

by:DoppyNL
ID: 9670835
adding the width and height of the images would solve the problem.

I don't know how you determine those random images; perhaps you can add the width and height to the list of urls that is allready stored somewhere.....
0
 

Author Comment

by:bengore
ID: 9671086
I solved the problem: I add this CSS:

<style type="text/css">
<!--

table.abba{font-family: Trebuchet MS,verdana,arial, helvetica;
      font-size: 10px;
      color:#C0C0C0;
      text-align:center;
      table-layout:fixed;
      width:800px;
      }
.abba td{width:400px;
      height:100px;
      }
td{font-family: Trebuchet MS,verdana,arial, helvetica;
      font-size: 12px;
      align:center;
      }
-->
</style>
0
 
LVL 1

Accepted Solution

by:
Computer101 earned 0 total points
ID: 10838081
PAQed, with points refunded (250)

Computer101
E-E Admin
0

Featured Post

Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Deprecated and Headed for the Dustbin By now, you have probably heard that some PHP features, while convenient, can also cause PHP security problems.  This article discusses one of those, called register_globals.  It is a thing you do not want.  …
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

746 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now