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:
ho creato la 2^ pagina js per il rollover rollover.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 inserito il codice preload/rollover e i due file nell'head della pagina:codice:/* rollOver() */ function rollOver(iName, iState) { if(document.images && self[iName + '_' + iState]) document.images[iName].src = self[iName + '_' + iState].src; }
Ho richiamato il preload nel <body>: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>
e infine ho sviluppato il rollover+preload su una immagine:codice:<body onload="preLoad('head')">
il problema?il problema è che c'è qualcosa che non funziona nel preload perchè quando carico la pagina l'immagine non viene caricata:codice:<a href="#" onmouseover="rollOver('head', 'on')" onmouseout="rollOver('head', 'off')">[img]../img/sponsor/head/logo_off.gif[/img]
ma appena passo il cursoere del mouse sopra di essa compare magiacamente e il rollover funziona.
cosa sbaglio?
Grazie
Rispondi quotando
