Solved

load images after loading the full HTML file

Posted on 2003-11-03
5
1,157 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

On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
multiple selects 23 62
Google Tag Manager - Add Trigger Using Div class 22 53
CSS in HTML 5 51
CSS for Popup in ASP.NET 4 11
Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
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…

713 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