Allora, ho preso spunto da questa pagina:
http://evolt.jeffhowden.com/jeff/cod...ad_n_rollover/
per creare un preload e rollover in modo "più serio" rispetto a quello di dreamweaver.
Ho creato il file preload.js in cui ho inserito questo codice JS:
codice:
/*  preLoad() */

var iPath = '../img/sponsor/';
var iExt = 'gif';
var suffix = new Array('on', 'off');

function preLoad()
{
  if(document.images)
  {
    var argLen = arguments.length;
    for(var i = 0; i < argLen; i++)
    {
      var arg = arguments[i];
      var sufLen = suffix.length;
      for(j = 0; j < sufLen; j++)
      {
        var suf = suffix[j]
        self[arg + '_' + suf] = new Image();
        self[arg + '_' + suf].src = iPath + arg + '_' + suf + '.' + iExt;
      }
    }   
  }
}
ho creato la 2^ pagina js per il rollover rollover.js :

codice:
/* rollOver() */

function rollOver(iName, iState)
{
  if(document.images && self[iName + '_' + iState])
    document.images[iName].src = self[iName + '_' + iState].src;
}
Ho inserito il codice preload/rollover e i due file nell'head della pagina:

codice:
<head>
<script language="JavaScript" type="text/javascript">
<!--
  function preLoad() { }
  function rollOver() { }
// -->
</script>

<script language="Javascript" type="text/javascript" src="../js/preload.js"></script>
<script language="Javascript" type="text/javascript" src="../js/rollover.js"></script>
</head>
Ho richiamato il preload nel <body>:
codice:
<body onload="preLoad('head')">
e infine ho sviluppato il rollover+preload su una immagine:

codice:
<a href="#" onmouseover="rollOver('head', 'on')" onmouseout="rollOver('head', 'off')">[img]../img/sponsor/head/logo_off.gif[/img]
il problema?il problema è che c'è qualcosa che non funziona nel preload perchè quando carico la pagina l'immagine non viene caricata:



ma appena passo il cursoere del mouse sopra di essa compare magiacamente e il rollover funziona.



cosa sbaglio?
Grazie