hola, hise una funcion que me permite ir pasando las fotos.
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:
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);
});
});
}
saludos !!