Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/03/2012, 07:46
Avatar de intiweb
intiweb
 
Fecha de Ingreso: mayo-2009
Ubicación: Capital Federal
Mensajes: 363
Antigüedad: 15 años, 10 meses
Puntos: 5
pasar fotos con javascript

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 !!
__________________
un saludo..... . . .