Tema: setInterval
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 03/11/2015, 02:46
mblascog
 
Fecha de Ingreso: enero-2002
Ubicación: Sabadell
Mensajes: 565
Antigüedad: 22 años, 3 meses
Puntos: 4
setInterval

Buenas,
A través de jquery he creado una cambio de fondo de una capa cada pocos segundos:

Código Javascript:
Ver original
  1. $("#capa").show('slide', function() {
  2.     setInterval(function() {
  3.         fotoAnt = foto - 1;
  4.         if (fotoAnt == 0)
  5.             fotoAnt = 12;
  6.         carouselAnt = "imagenes/carousel" + fotoAnt + ".jpg";
  7.         $("#capa").css({'background-image': "url('" + carouselAnt + "')",
  8.                         'background-repeat': 'no-repeat',
  9.                     'background-size': '100% 100%'}).fadeOut(1000);
  10.  
  11.         carousel = "imagenes/carousel" + foto + ".jpg";
  12.         $("#capa").css({'background-image': "url('" + carousel + "')",
  13.                         'background-repeat': 'no-repeat',
  14.                     'background-size': '100% 100%'}).fadeIn(1000);
  15.         foto = foto + 1;
  16.         if (foto == 13)
  17.             foto = 1;
  18. }, 8000);
  19. });
__________________
Qué fácil cuando lo sabes y qué difícil cuando no