Stop Software Patents!
Free Software Area

Documentation: Include File wml::des::preload

     Introduction     Frontends     Backends     Includes     Auxilliaries     

wml::des::preload - Preload Images


wml::des::preload - Preload Images


 <preload src=<image filename> via=<trick>>


This include file provides the <preload> tag which can be used to preload images. Such preloading is usually done to speedup access for following pages. Currently there are only a few tricks how this can be done.

The following combinations are currently supported:
src=anyimage via=size
Preloads the image anyimage by using an <img> tag with the attributes width=1 height=1 which leads to the loading of the image but only to a 1 pixel in display.

Advantage: Works for all browsers.

Disadvantage: This approach has the nasty side-effect of an occuring 1 pixel in display because width=0 height=0 does not work as expected in most browsers (especially in Netscape 4.x). So, position your <preload> tag somewhere it does not destroy the look and feel of your page.

src=anyimage via=js
Preloads the image anyimage by using a JavaScript snippet which loads the image by declaring an unused Image object.

Advantage: Silently preloads the image without displaying anything.

Disadvantage: Only works for browsers with a JavaScript implementation and only for those who support the Image object (currently NS/3, NS/4, IE/4).


 Ralf S. Engelschall
 Denis Barbier


 Internal: P1, P2
 External: --


wml::std::tags(3) HTML 3.2 <img> tag.