TheConeHead
Programmer
Is there a way to tell a page to load something (say like an image or a .swf) last?
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Load Order
- Thread starter TheConeHead
- Start date
- Status
I don't think so but in case of an image, you can hide it by setting it's style to "display:none" and then show it after a certain time (see faq215-2670 for timer issues) set back its visibility by "display:block" Water is not bad as long as it stays out human body ;-)
Because a pages onload event does not fire until all other parts in the page have loaded you could set you IMG tag not to have SRC and then set the source on load. There is a problem with Netscape that mean that you would have to specific the size of the image you want to appear (otherwise it would be shrunk):
<HTML>
<SCRIPT>
function postLoad() {
var image = document.all.LoadLater;
image.src="Img1.jpg";
}
</SCRIPT>
<BODY onload="alert('Document Loaded');test()" >
<IMG name="LoadLater" height=200 width=100>
</BODY>
</HTML>
Hope this helps,
Kev
![[afro2]](/data/assets/smilies/afro2.gif "[afro2] [afro2]")
<HTML>
<SCRIPT>
function postLoad() {
var image = document.all.LoadLater;
image.src="Img1.jpg";
}
</SCRIPT>
<BODY onload="alert('Document Loaded');test()" >
<IMG name="LoadLater" height=200 width=100>
</BODY>
</HTML>
Hope this helps,
Kev
Ooopss...sorry test script.... here is the real one:
<HTML>
<SCRIPT>
function postLoad() {
if (document.all)
myImage = this.LoadLater;
else
myImage = document.LoadLater;
myImage.src="Img1.jpg";
}
</SCRIPT>
<BODY onload="alert('Document Loaded');postLoad()" >
<IMG name="LoadLater" border=0 width=100 height=5>
</BODY>
</HTML>
<HTML>
<SCRIPT>
function postLoad() {
if (document.all)
myImage = this.LoadLater;
else
myImage = document.LoadLater;
myImage.src="Img1.jpg";
}
</SCRIPT>
<BODY onload="alert('Document Loaded');postLoad()" >
<IMG name="LoadLater" border=0 width=100 height=5>
</BODY>
</HTML>
- Status
Similar threads
- Locked
- Question