JavaScript - ¿donde tengo que poner el fadeIn y fadeOut aqui?

Hola a todos tengo este código que va bien, pero quiero que el cambio de imágenes que produce se haga haciendo un face in y face out , alguien podría echarme una mano y decirme como se debería hacer ? , aquí esta el código , gracias de antemano.

Hola, segun entiendo, lo que quieres, es que el contenido que pones dentro del div nombre_div, realice el efecto fade_in y fade_out verdad?

Según yo veo, al inicio de ejecutar tu función explode() tendrás que ejecutar el fede in y una vez asignes el valor en la linea:
cont.innerHTML = ajax.responseText;
a continuación realizar el fade out

Coméntanos, ok?

Hola xve que tal, veras el problema que tengo con el face es que no se programarlo es decir colocarle la etiqueta face in y face out donde corresponde para que funcione.

por que de java estoy mas bien plano. Creeme que para mi es mas que un logro el haber hecho que funcione el java.

Si fueras tan amable de escribirme dichas lineas como deben te estaria agradecido y por supuesto te comentare el resultado, que menos ;-)

Tal como yo lo haría, seria utilizando jquery... algo así:


Recuerda de añadir la linea para el jquery en la cabecera de tu pagina, sino no te funcionara... seria algo así:

Espero que te sirva...

Hola de nuevo xve, veras he puesto lo que me has dicho, en donde imagen_ok es el nombre de id que tiene la capa contenedora de la imagen a la que afectara este script con el face.

Pero no va (he añadido el codigo de jquery), ademas pasa otra cosa, que ¿donde pongo lo de los milisegundos es decir en el codigo que te pase si aparece pero en este que me has mandado no veo donde configurarlo.¿?




<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>

function explode(nombre_div,pagina) {
$("#imagen_ok").fadeOut('slow');
var cont = document.getElementById(nombre_div); // aqui esta la var nombre_div
ajax = getXMLHttpRequest();
ajax.onreadystatechange = function() {

if(ajax.readyState == 4) {
cont.innerHTML = ajax.responseText;
$("#imagen_ok").fadeIn('slow');
}
}
ajax.open('GET', pagina, true); // aqui esta la var "pagina"
ajax.send(null);
}

</script>




---------------------------------------------------------------------------------------------------
Para darte todos los detalles te pongo todo el codigo mio de la primera vez, no se si te servira de algo :


// JavaScript Document


function getXMLHttpRequest() {
var aVersions = [ "MSXML2.XMLHttp.5.0","MSXML2.XMLHttp.4.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp","Microsoft.XMLHttp"];
if (window.XMLHttpRequest) {
// para IE7, Mozilla, Safari, etc: que usen el objeto nativo
return new XMLHttpRequest();
}
else if (window.ActiveXObject) {
// de lo contrario utilizar el control ActiveX para IE5.x y IE6.x
for(var i=0;i<aVersions.length;i++) {
try {
var oXmlHttp = new ActiveXObject(aVersions);
return oXmlHttp;
}
catch(error) {
// no necesitamos hacer nada especial
}
}
}
}

var carg = '<p align="center">Cargando...</p>';

function explode(nombre_div,pagina) {
var cont = document.getElementById(nombre_div); // aqui esta la var nombre_div
ajax = getXMLHttpRequest();
ajax.onreadystatechange = function() {

if(ajax.readyState == 4) {
cont.innerHTML = ajax.responseText;
}
}
ajax.open('GET', pagina, true); // aqui esta la var "pagina"
ajax.send(null);
}

setInterval("explode('setinterval','esperanza33.php');",2000);