on click on mouse over

[eloderma]

ciao a tutti

anche leggendo le "pillole" non ho trovato quello che mi serviva:

vorrei creare un classico effetto rollover su un pulsante e che al click dello stesso si scambi un'altra immagine posta più in basso, poi nell'evento mouseover vorrei che l'immagine scambiata con il click rimanesse mentre l'immagine rollover procedesse come sempre sparendo.

non sono molto ferrato in scripting e cercando di farlo con i "comportamenti--> scambia immagine" di dreamweaver ottengo che on mouse over scompaia anche l'immagine creata con l'evento onclik.
////script dreamweaver///////

<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->

////fine script dreamweaver///////


/// script che richiama la funzione////
[img]images/menu_prodotti_10.jpg[/img]
/// fine script ///

insomma io vorrei che il ripristino delle immagini on mouse over non avvenise per "sedia.jpg"

qualcuno può aiutarmi?

[eloderma]

ho gia risolto grazie

se a qualcuno può essere di aiuto ho fatto così:

<script language="JavaScript">
var a
var b
a= new Array();
a[0]=new Image;
a[0].src="images/menu_prodotti_over_10.jpg";
a[1]=new Image;
a[1].src="images/menu_prodotti_10.jpg";
a[2]=new Image;
a[2].src="images/menu_prodotti_21.jpg";
a[3]=new Image;
a[3].src="images/sedia.jpg";

function roll(img,nb) {
eval("img.src=a["+nb+"].src");
}
</script>


[img]images/menu_prodotti_10.jpg[/img]

[eloderma]

devo dire però che explorer (pur funzionando tutto) mi da il seguente errore: Errore: previsto oggetto
Codice: 0

qualcuno sa diirmi dove ho sbagliato?

[Mich_]

a[0]=new Image();


function roll(imm,nb) {
document.images["imm"].src = a[nb].src;
}

img e` parola riservata.

Image() ha necessita` delle parentesi

la funzione te la ho modificata in modo che funzioni in tutti i browser (ma non e` compatibile con XHTML1.1)