la idea es que primero actualiza los link next y prev y luego hace un fade out a todo cambia el src por la proxima foto y luego los vuelve a mostrar.
mi problema es que cuando lo vuelve a mostrar se sigue viendo la foto anterior un rato y luego aparece la nueva.
espero que se enienda.
les paso el codigo
Código:
saludos !! function nextFotoMerlo(actual){ // asigno cual es la proxima foto var nextFoto = actual + 1; // efectuo los cambios en los link nex y prev $('#aNextMerlo').attr('href', 'javascript:nextFotoMerlo(' + nextFoto + ');'); $('#aPrevMerlo').attr('href', 'javascript:prevFotoMerlo(' + nextFoto + ');'); // hago que no se vean los link next y prev $('#imgNextFotoMerlo').fadeOut(50); $('#imgPrevFotoMerlo').fadeOut(50); //aca hago que no se vea la imagen actual luego la actualizo y luego vuelvo a mostrar todo $('#imagen-merlo').fadeOut(200, function(){ // si el numero actual es 25 elimino el link next if(actual == 24) $('#nextMerlo').fadeOut(50); // si el numero actual es 1 muestro el link prev if(actual == 1) $('#prevMerlo').fadeIn(50); $('#imagen-merlo').attr('src', 'Jpg/Merlo/' + nextFoto + '.jpg'); $('#imagen-merlo').fadeIn(200, function(){ $('#imgNextFotoMerlo').fadeIn(50); $('#imgPrevFotoMerlo').fadeIn(50); }); }); }