Ver Mensaje Individual
  #1 (permalink)  
Antiguo 06/12/2017, 10:57
alejandromaringomez
 
Fecha de Ingreso: abril-2010
Mensajes: 267
Antigüedad: 13 años, 11 meses
Puntos: 1
Ocultar y mostrar etiquetas.

Buenas tardes ,

Tengo un problema, comento, tengo un index.html que tiene 10 articles (por dar una cifra), esos articles son páginas, lo que quiero es que empiece por el primero, y cada article tiene un data-esperar, en segundos le indico el tiempo que tiene que esperar de delay hasta hacer fadeOut y fadeIn al siguiente, una vez se oculte la capa, pueda ejecutar un código, después cuando muestre la siguiente ejecute otro código sobre esa que se ha abierto.

¿Cómo puedo hacer esto?

Tengo el siguiente código.

Gracias de antemano :D

Código:
setInterval(function() {
		
		$('body > article:first').fadeOut(segundosCambio, function() {
			
			if($(this).find('video')) {
				console.log('VIDEO FUERA');
			}
			
			$('article.text h1').animate({
				opacity: '+=1',
				right: '+=2vw',
			}, segundosEspera);
			
			$('article.text h2').animate({
				opacity: '+=1',
				left: '+=2vw',
			}, segundosEspera);
			
		}).next().fadeIn(segundosCambio, function() {
			
			if($(this).find('video')) {
				console.log('VIDEO DENTRO');
			}
			
			$('article.text h1').animate({
				opacity: '-=0',
				right: '-=2vw',
			}, segundosEspera);
			
			$('article.text h2').animate({
				opacity: '-=0',
				left: '-=2vw',
			}, segundosEspera);
			
		}).end().appendTo('body');
		
	}, segundosEspera);