Mon, 2004-07-26 20:49
Hi,
I have a tabbed interface, all on the same webpage. The problem is that the div's which are set to style="display:none" have images in them. Because they're not initially needed, IE (which my Intranet uses) does not bother to get them until I click on that tab, and the resepctive div gets set to style="display:block".
Is there any way to overcome this? I believe I recall using javascript to declare
var hiddenImage = new Image;
etc..
etc..
so that it's preloaded and ready, but I havent' seen that in a while.
Many thanks to you know know.
Sam Fullman
Mon, 2004-07-26 20:55
#1
Storing an image as an object so it preloads
img1 = new Image();
img1.src = "img/home_on.gif";
Whack that in an external javascript file (.js), link to it, and it will preload whatever image you use.
Tue, 2004-07-27 00:07
#2
question about that
Good Idea, since these are small <1K files for borders. But do I need to link them to their locations in the style="display:none;" divs? Reason is, these are already present in visible tabs, just it takes a vew visible seconds for the images to pop in when you click the tabs sometimes.
Thanks,
Sam fullman