Code Forums - View Single Post

purefreak · 04-09-2005, 03:34 AM

Alternatively you can do it with CSS, using the same concept.
Simply devine a class with display set to none in your <Head> section:

Code:

<style type="text/css">
.hiddenPic {display:none;}
</style>

Then add your images at the bottom of your splash page (before the </body> tag:

Code:

<img src="cauniversity.png" 
  alt="CAU logo" title="CAU logo" 
    height="350" width="350" class="hiddenPic">

<img src="cau-knowledge-bank.png"
  alt="KB logo" title="KB logo"
     height="350" width="350" class="hiddenPic">

<img src="cauniversity.png" 
  alt="cauniversity.org screenshot" title="cauniversity.org screenshot"
     height="350" width="350" class="hiddenPic">

Alternatively you can use this through out your site to load the images of your next page ect.

njoy.

04-09-2005, 03:34 AM	#5 (permalink)
purefreak CAU wh0re Join Date: Apr 2005 Location: South Africa Posts: 1	Alternative preloading method using CSS Display Alternatively you can do it with CSS, using the same concept. Simply devine a class with display set to none in your <Head> section: Code: <style type="text/css"> .hiddenPic {display:none;} </style> Then add your images at the bottom of your splash page (before the </body> tag: Code: <img src="cauniversity.png" alt="CAU logo" title="CAU logo" height="350" width="350" class="hiddenPic"> <img src="cau-knowledge-bank.png" alt="KB logo" title="KB logo" height="350" width="350" class="hiddenPic"> <img src="cauniversity.png" alt="cauniversity.org screenshot" title="cauniversity.org screenshot" height="350" width="350" class="hiddenPic"> Alternatively you can use this through out your site to load the images of your next page ect. njoy.