FadeIn() e FadeOut()

[danieletdg]

Salve gente .. ho questo tipo di problema .. su www.danieletdg.altervista.org ho creato un effetto mischiando javascrit e css davvero simpatico .. premetto che lo script java l'ho trovato in rete. In pratica utilizzo un'immagine e con onmouseover richiamo le funzioni dello script per creare l'effetto fade .. il css mi serve solo per cambiare l'immagine (hover) il problema e che vorrei creare lo stesso effetto OnMouseOut solo che richiamando le stesse funzioni con OnMouseOut non funge .. ho provato a riscrivere la funzione inversa ma nisba .. vi poso il codice javascript ..

 function initImage() {
	imageId = 'fade';
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(imageId,0);
}
function fadeIn(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 8;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
		}
	}
}
function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}

richiamando queste funzioni OnMouseOver funziona con un buon risultato .. ma per l'effeto inverso? vi ringrazio anticipatamente per l'aiuto .. daniele

[m4rko80]

Ciao, potresti farlo facilmente con jquery volendo http://docs.jquery.com/Effects/fadeIn

http://docs.jquery.com/Effects/fadeOut

Includi la libreria e con una riga di codice hai diversi effetti customizzabili in velocita' volendo.

[danieletdg]

Sei un mito .. era quello che cercavo .. grazie

[danieletdg]

Ragazzi dopo qualche giorno sono riuscito a riprodurre quello che volevo .. .. ho utilizzato jquey come proponeva marco .. ma c'è un problema quando vado con il mouse sull'immagine per riprodurre l'effeto fade .. si spostano gli altri div .. ho messo il menu per farvi capire cosa succede .. www.danieletdg.altervista.org .. spero che qualcuno possa aiutarmi .. saluti daniele