Einblenden von Elementen nach vollständigem Laden der Seite

[Ole]

Guten Morgen,

ich suche nach einer Lösung die es mir ermöglicht Elemente einer Seite, die per CSS  "display: none;" ausgeblendet wurden nach dem vollständigen Laden der Seite einzublenden.

Jetzt wird der eine oder andere denken: Ist doch ganz einfach! Mitteln "onload" einfach eine entsprechende Funktion aufrufen und fertig.

Ganz so einfach ist es aber leider nicht. Der Event-Handler onload steht mir nicht zur Verfügung.

Ich habe es hier mit einem vorsintflutlichen CMS zu tun, dass zum Glück im Laufe des Jahes ausgemustert wird und muss mich mit den Gegebenheiten irgendwie arrangieren.

Ich habe also ein Stück-Quellcode der an einer beliebigen Stelle der Seite eingebunden wird...inkl. Script- und Style-Bereich (ich weiß, macht man nicht, geht aber nicht anders).
In diesem Bereich werden Bilder geladen, die jedoch erst angezeigt werden sollen, wenn all diese Bilder (alternativ die ganze Seite) geladen wurden.

Mein Code sieht in etwa so aus:

  
<!-- ================================ Banner ===================== -->  
  
<script type="text/javascript" src="jquery-1.2.6.js"></script>  
<script type="text/javascript" src="jquery.cycle.all.js"></script>  
  
<script type="text/javascript">  

~~~~~~javascript
  
$(function() {  
 $('.headbannrot').cycle({  
  random: 1,  
  fx:     'fade',  
  speed:   500,  
  timeout: 6000  
 });  
});  

~~~~~~html
  
</script>  
  
<style type="text/css">  

~~~~~~css
  
.headbannrot {position: relative; width: 486px; height: 60px; top: 5px; left: 75px;}  
.headbannrot a img {border: none;}  

~~~~~~html
  
</style>  
  
<div class="headbannrot" id="slot_1_1">  
<a href="#"><img src="banner_1.jpg" alt="" /></a>  
<a href="#"><img src="banner_2.jpg" alt="" /></a>  
<a href="#"><img src="banner_3.jpg" alt="" /></a>  
<a href="#"><img src="banner_4.jpg" alt="" /></a>  
<a href="#"><img src="banner_5.jpg" alt="" /></a>  
<a href="#"><img src="banner_6.jpg" alt="" /></a>  
</div>  
  
<!-- ============================= eo Banner ===================== -->  
  

Das Ausblenden der Banner ist ja ganz einfach via

  
#slot_1_1 {display: none;}  

Wie bekomme ich das Ganze nun wieder angezeigt nachdem alle Bilder geladen wurden?

Danke & Grüß
Ole
(8-)>