Buongiorno a tutti!! Sono un nuovo iscritto e sono felice di vedere che il forum è pieno di espertissimi!!:love:
Sono sicuro che riuscirete ad aiutarmi a risolvere questo banalissimo problema, derivante dal fatto che la mia programmazione in Javascript è un pò arrugginita e al fatto che i miei manuali e appunti sono lontani 400 km da me!!!:crying:
Allora quello devo fare è un semplice rollover di immagini ma con queste caratteristiche: le funzione di onMouseOver, onMouseOut e onClick possono passare come parametro unicamente il nome dell'immagine presente (ad esempio 'home.jpg'), quindi nell'html avremo un link di questo genere:
<a href="#" onClick="Change('home.jpg')" onMouseOver="MOver('home.jpg')" onMouseOut = "MOut('home.jpg')">
Dove la funzione Change deve cambiare l'immagine sul click e le altre due fanno il rollover standard al passaggio del mouse.
Ora vi riporto l'intero codice (che non funziona:incazz:, altrimenti non sarei qui a chiedervi Aiutooooo!:dipser
Comunque se avete domande chiedetemi pure vi dico solo che deve funzionare su n immagini ed è per questo che ci sono ogni volta dichiarate le variabili. Datemi una mano perfavore!!!
<html>
<head>
<title>test</title>
<SCRIPT LANGUAGE="JavaScript">
function MOver(img){
var ImgOff = new Image();
ImgOff.src = img;
var ImgOn = new Image();
ImgOn.src = nome(img);
document.images['Img'].src=eval(img + "On.src");//oppure = ImgOn
}
function MOut(img){
var ImgOn = new Image();
ImgOn.src = nome(img);
var ImgOff = new Image();
ImgOff.src = img;
document.images['Img'].src=eval(img +"Off.src");//oppure = ImfOff
}
function Change(img){
var ImgOn = new Image();
ImgOn.src = img;
var ImgOff = new Image();
ImgOff.src = nome(img);
document.images['Img'].src = ImgOff;
}
function nome(stringa){
var str = new String();
str = stringa;
str = str.replace(".jpg","2.jpg");
return str;
}
</script>
</head>
<body>
<a href="#" onClick="Change('home.jpg')" onMouseOver="MOver('home.jpg')" onMouseOut = "MOut('home.jpg')">
<img src="home.jpg" border="0" name="Img" id="Img">
</a>
</body>
</html>
Sono sicuro che riuscirete ad aiutarmi a risolvere questo banalissimo problema, derivante dal fatto che la mia programmazione in Javascript è un pò arrugginita e al fatto che i miei manuali e appunti sono lontani 400 km da me!!!:crying:
Allora quello devo fare è un semplice rollover di immagini ma con queste caratteristiche: le funzione di onMouseOver, onMouseOut e onClick possono passare come parametro unicamente il nome dell'immagine presente (ad esempio 'home.jpg'), quindi nell'html avremo un link di questo genere:
<a href="#" onClick="Change('home.jpg')" onMouseOver="MOver('home.jpg')" onMouseOut = "MOut('home.jpg')">
Dove la funzione Change deve cambiare l'immagine sul click e le altre due fanno il rollover standard al passaggio del mouse.
Ora vi riporto l'intero codice (che non funziona:incazz:, altrimenti non sarei qui a chiedervi Aiutooooo!:dipser
Comunque se avete domande chiedetemi pure vi dico solo che deve funzionare su n immagini ed è per questo che ci sono ogni volta dichiarate le variabili. Datemi una mano perfavore!!!
<html>
<head>
<title>test</title>
<SCRIPT LANGUAGE="JavaScript">
function MOver(img){
var ImgOff = new Image();
ImgOff.src = img;
var ImgOn = new Image();
ImgOn.src = nome(img);
document.images['Img'].src=eval(img + "On.src");//oppure = ImgOn
}
function MOut(img){
var ImgOn = new Image();
ImgOn.src = nome(img);
var ImgOff = new Image();
ImgOff.src = img;
document.images['Img'].src=eval(img +"Off.src");//oppure = ImfOff
}
function Change(img){
var ImgOn = new Image();
ImgOn.src = img;
var ImgOff = new Image();
ImgOff.src = nome(img);
document.images['Img'].src = ImgOff;
}
function nome(stringa){
var str = new String();
str = stringa;
str = str.replace(".jpg","2.jpg");
return str;
}
</script>
</head>
<body>
<a href="#" onClick="Change('home.jpg')" onMouseOver="MOver('home.jpg')" onMouseOut = "MOut('home.jpg')">
<img src="home.jpg" border="0" name="Img" id="Img">
</a>
</body>
</html>
Ultima modifica:
