Ciao a tutti,
avrei bisogno di una mano per creare un effetto di pulsante che cambia colore al passaggio del mouse. So che sono due jpg al passaggio del mouse viene visualizzata la seconda.

Es. http://www.enterpriseviaggi.com/index.html

negli <head> trovo:


<csactiondict>
<script type="text/javascript"><!--
var preloadFlag = false;
function preloadImages() {
if (document.images) {
pre_home_off = newImage('immagini_menu/home_off.jpg');
pre_chi_siamo_off = newImage('immagini_menu/chi_siamo_off.jpg');
pre_i_nostri_viaggi_off = newImage('immagini_menu/i_nostri_viaggi_off.jpg');
pre_last_minute_off = newImage('immagini_menu/last_minute_off.jpg');
pre_offerte_speciali_off = newImage('immagini_menu/offerte_speciali_off.jpg');
pre_prenota_off = newImage('immagini_menu/prenota_off.jpg');
pre_info_off = newImage('immagini_menu/info_off.jpg');
pre_staff_off = newImage('immagini_menu/staff_off.jpg');
pre_link_off = newImage('immagini_menu/link_off.jpg');
pre_icona_home_on = newImage('immagini_menu/icona_home_on.jpg');
pre_icona_mail_on = newImage('immagini_menu/icona_mail_on.jpg');
pre_icona_organigramma_on = newImage('immagini_menu/icona-organigramma_on.jpg');
pre_pulsante_dettagli_on = newImage('immagini_contenuti/pulsante_dettagli_on.jpg');
pre_pulsante_pdf_on = newImage('immagini_contenuti/pulsante_pdf_on.jpg');
pre_pulsante_dettagli_on2 = newImage('immagini_contenuti/pulsante_dettagli_on2.jpg');
pre_home_footer_on = newImage('immagini_footer/home_footer_on.jpg');
pre_chi_siamo_footer_on = newImage('immagini_footer/chi_siamo_footer_on.jpg');
pre_i_nostri_viaggi_footer_on = newImage('immagini_footer/i_nostri_viaggi_footer_on.jpg');
pre_last_minute_footer_on = newImage('immagini_footer/last_minute_footer_on.jpg');
pre_offerte_speciali_footer_on = newImage('immagini_footer/offerte_speciali_footer_on.jpg');
pre_prenota_footer_on = newImage('immagini_footer/prenota_footer_on.jpg');
pre_info_footer_on = newImage('immagini_footer/info_footer_on.jpg');
pre_staff_footer_on = newImage('immagini_footer/staff_footer_on.jpg');
pre_link_utili_footer_on = newImage('immagini_footer/link_utili_footer_on.jpg');
pre_privacy_policy_footer_on = newImage('immagini_footer/privacy_policy_footer_on.jpg');
preloadFlag = true;
}
}

// --></script>
</csactiondict>

c'è questo codice nel body:

<td align="center" valign="top" width="96" height="74">[img]immagini_menu/home_on.jpg[/img]</td>

Ma se provo io con un html nuovo non funziona:

<html>

<head>

<title>Prova immagini</title>

</style>
<csscriptdict import>
<script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>
</csscriptdict>

<csactiondict>
<script type="text/javascript">
<!--var preloadFlag = false;
function preloadImages() {
if (document.images) {
pre_home_off = newImage('immagini_menu/home_off.jpg');
pre_chi_siamo_off = newImage('immagini_menu/chi_siamo_off.jpg');
pre_i_nostri_viaggi_off = newImage('immagini_menu/i_nostri_viaggi_off.jpg');
pre_last_minute_off = newImage('immagini_menu/last_minute_off.jpg');
pre_offerte_speciali_off = newImage('immagini_menu/offerte_speciali_off.jpg');
pre_prenota_off = newImage('immagini_menu/prenota_off.jpg');
pre_info_off = newImage('immagini_menu/info_off.jpg');
pre_staff_off = newImage('immagini_menu/staff_off.jpg');
pre_link_off = newImage('immagini_menu/link_off.jpg');
pre_icona_home_on = newImage('immagini_menu/icona_home_on.jpg');
pre_icona_mail_on = newImage('immagini_menu/icona_mail_on.jpg');
pre_icona_organigramma_on = newImage('immagini_menu/icona-organigramma_on.jpg');
pre_pulsante_dettagli_on = newImage('immagini_contenuti/pulsante_dettagli_on.jpg');
pre_pulsante_pdf_on = newImage('immagini_contenuti/pulsante_pdf_on.jpg');
pre_pulsante_dettagli_on2 = newImage('immagini_contenuti/pulsante_dettagli_on2.jpg');
pre_home_footer_on = newImage('immagini_footer/home_footer_on.jpg');
pre_chi_siamo_footer_on = newImage('immagini_footer/chi_siamo_footer_on.jpg');
pre_i_nostri_viaggi_footer_on = newImage('immagini_footer/i_nostri_viaggi_footer_on.jpg');
pre_last_minute_footer_on = newImage('immagini_footer/last_minute_footer_on.jpg');
pre_offerte_speciali_footer_on = newImage('immagini_footer/offerte_speciali_footer_on.jpg');
pre_prenota_footer_on = newImage('immagini_footer/prenota_footer_on.jpg');
pre_info_footer_on = newImage('immagini_footer/info_footer_on.jpg');
pre_staff_footer_on = newImage('immagini_footer/staff_footer_on.jpg');
pre_link_utili_footer_on = newImage('immagini_footer/link_utili_footer_on.jpg');
pre_privacy_policy_footer_on = newImage('immagini_footer/privacy_policy_footer_on.jpg');
preloadFlag = true;
}
}

// --></script>
</csactiondict>


</head>

<body>

<td align="center" valign="top" bgcolor="black" width="15" height="74"></td>
<td align="center" valign="top" width="96" height="74">[img]immagini_menu/home_on.jpg[/img]</td>
</body>

</html>

Vorrei capire il meccanismo.
dove sbaglio?

ciao, Marcos