ciao a tutti, sto lavorando ad una slideshow in javascript; in questo modo tutto va bene....

codice:
adImages = new Array("libro1.jpg","libro2.jpg","libro3.jpg","libro4.jpg") 
imgCt = adImages.length prima = true
function rotazione() { 
   if (document.images)
    { 
      if (prima) { aggiungi = Math.floor((Math.random() * imgCt)) prima = false 
    }
  else {
      aggiungi++
      if (aggiungi == imgCt)
      {
         aggiungi = 0
       } 
   } 
  document.libri.src=adImages[aggiungi] setTimeout("rotazione()", 3 * 1000)
  } 
}

codice:
<html> 
<head> 
<script type="text/javascript" src="pp.js"> 
</script>
 </head>
 <body onload="rotazione()"> 
<div id= "libri"> [img]spacer.jpg[/img] 
</div> 
</body> 
</html>
ma quando lo integro in una pagina html, con altro codice html, in cui sono presenti altri div non riesco più a visualizzare le immagini della slideshow.
Qualcuno può aiutarmi?!?!
da quello che ho capito facendo diversi test è che mi serve un metodo alternativo all' <body onload="nomefunzione"> perchè nel mio codice l'ho già fatto!!