How do I preload images with Javascript? — OZONE Asylum, home of the Mad Scientists

FAQ

How do I preload images with Javascript?

This page's ID: 5262

You are editing "How do I preload images with Javascript?"

Who can edit an FAQ?	Anyone registered may edit an FAQ.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	It is often important to do this especially if you are using big rollover images. The basic principle (i.e. if you wanted to preload a single image) is: [code] var preloadImg = new Image(); preloadImg.src = "/folder/my_graphic.gif"; [/code] To load more than one image you would then need to create an array which runs through all the different graphics and preload them (see resources below for variations on the general theme). ------------------------------------ Relevant threads: [url=http://www.ozoneasylum.com/Archives/Archive-000003/HTML/20000729-2-000022.html]Fix for Image Cache Probs [/url] [url=http://www.ozoneasylum.com/Archives/Archive-000003/HTML/20001001-2-000060.html]Preload Problems[/url] [url=http://www.ozoneasylum.com/Archives/Archive-000003/HTML/20001001-2-000090.html]in need of a script[/url] [url=http://www.ozoneasylum.com/Archives/Archive-000003/HTML/20001105-2-000201.html]Problem preloading animated gif....[/url] [url=http://www.ozoneasylum.com/Archives/Archive-000003/HTML/20010305-2-000380.html]Preloading Q? I've searched but could not find an answer,[/url] [url=http://www.ozoneasylum.com/Archives/Archive-000003/HTML/20010714-2-000689.html]Lots of preload images-Page loads slow[/url] [url=http://www.ozoneasylum.com/Archives/Archive-000003/HTML/20010714-2-000703.html]Preloader[/url] [url=http://www.ozoneasylum.com/Archives/Archive-000003/HTML/20020215-2-000773.html]Preloading images[/url] [url=http://www.ozoneasylum.com/Archives/Archive-000003/HTML/20020912-2-001052.html]Table Size & Preloading Scripts[/url] [url=http://www.ozoneasylum.com/Archives/Archive-000003/HTML/20020912-2-001064.html]Preload[/url] [url=http://www.ozoneasylum.com/Archives/Archive-000003/HTML/20020912-2-001093.html]preloading images[/url] [url=http://www.ozoneasylum.com/Archives/Archive-000003/HTML/20020912-2-001253.html]JavaRollover images don't preload[/url] [url=http://www.ozoneasylum.com/Archives/Archive-000003/HTML/20020912-2-001360.html]Gecko Rollover Problem[/url] [url=http://www.ozoneasylum.com/Archives/Archive-000003/HTML/20020912-2-001382.html]Best way to preload a site (images)?[/url] [url=http://www.ozoneasylum.com/Archives/Archive-000003/HTML/20020912-2-001421.html]attempt at doing a preloader... need help (as usual)[/url] [url=http://www.ozoneasylum.com/Archives/Archive-000003/HTML/20020912-2-001492.html]Preloading a page...[/url] [url=http://www.ozoneasylum.com/Archives/Archive-000003/HTML/20020912-2-001499.html]preload question[/url] [url=http://www.ozoneasylum.com/Archives/Archive-000003/HTML/20020912-2-001574.html]preloader[/url] [url=http://www.ozoneasylum.com/Archives/Archive-000003/HTML/20020912-2-001591.html]Preloading images[/url] [url=http://www.ozoneasylum.com/Archives/Archive-000003/HTML/20020912-2-001665.html]Handling Preloading[/url] [url=http://www.ozoneasylum.com/Forum2/HTML/001739.html]JS Preload Script[/url] ------------------------------------ Relevant FAQs: [internallink=5703]How do I dynamically swap images?[/internallink] [internallink=5304]How can I create rollovers without JavaScript?[/internallink] ------------------------------------ Relevant notes: As of the time of writing this FAQ was ranked 6 at Google for the terms [url=http://www.google.com/search?q=preload+images+javascript]preload, images, javascript[/url] and 11 for [url=http://www.google.com/search?q=preload+images]preload, images[/url] (down from 9). ___________________________ [internallink=4626]Emperor[/internallink] [small][i](Added by: [url=http://www.ozoneasylum.com/cgi-bin/ubbmisc.cgi?action=getbio&UserName=Emperor]Emperor [/url] on Tue 03-Sep-2002)[/i][/small] [small][i](Edited by: [url=http://www.ozoneasylum.com/cgi-bin/ubbmisc.cgi?action=getbio&UserName=Emperor]Emperor [/url] on Thu 21-Aug-2003)[/i][/small] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu