Foros del Web » Programando para Internet » Jquery »

¿Qué le falta a este script de slide con jQuery?

Estas en el tema de ¿Qué le falta a este script de slide con jQuery? en el foro de Jquery en Foros del Web. Es para un carrusel de imágenes, las fotos se van turnando y cuando llega la última se repite la serie como un bucle infinito. Dudas: ...
  #1 (permalink)  
Antiguo 18/03/2014, 01:47
Avatar de Linton  
Fecha de Ingreso: diciembre-2011
Ubicación: Viena
Mensajes: 1.213
Antigüedad: 12 años, 10 meses
Puntos: 55
¿Qué le falta a este script de slide con jQuery?

Es para un carrusel de imágenes, las fotos se van turnando y cuando llega la última se repite la serie como un bucle infinito. Dudas:

1.- ¿Hay que poner algo antes en el script, o empieza ahí, sin $(document).ready(function()?

2.- ¿Cómo va el html, basta poner al div una class="rotating-item" o hay que meter id a cada imagen?

3.- ¿numberOfItem es una función interna de jQuery, o hay que cambiarlo por un entero?

Aquí está el código:

Código Javascript:
Ver original
  1. // interval between items
  2.            var itemInterval = 5500;
  3.            var infiniteLoop;//this contains the id of the interval to be used in clearinterval by the way
  4.            setTimeout(function(){
  5.                  // this code will run only once, one second after the page loads.
  6.                  myFunc();
  7.                  infiniteLoop = setInterval(myFunc, itemInterval);
  8.                  // commence loop that will run forever unless you use clearinterval(infiniteLoop);
  9.            }, 1000);
  10.            // start loop
  11.      
  12.            function myFunc() {
  13.                // this code will run every time the function is called
  14.                // initial fade out
  15.                $('.rotating-item').eq(currentItem).fadeOut(fadeTime);
  16.      
  17.                // set counter
  18.                if (currentItem == numberOfItem -1) {
  19.                    currentItem = 0;
  20.                } else {
  21.                    currentItem++;
  22.                }
  23.      
  24.                // next item fade in
  25.                $('.rotating-item').eq(currentItem).fadeIn(fadeTime);
  26.      
  27.            }
  #2 (permalink)  
Antiguo 18/03/2014, 06:21
 
Fecha de Ingreso: agosto-2013
Mensajes: 150
Antigüedad: 11 años, 2 meses
Puntos: 29
Respuesta: ¿Qué le falta a este script de slide con jQuery?

Le faltan 3 variables.
var currentItem = valor;
var fadeTime = valor;
var numberOfItems = valor;


No has copiado el código completo.
  #3 (permalink)  
Antiguo 18/03/2014, 07:59
Avatar de Linton  
Fecha de Ingreso: diciembre-2011
Ubicación: Viena
Mensajes: 1.213
Antigüedad: 12 años, 10 meses
Puntos: 55
Respuesta: ¿Qué le falta a este script de slide con jQuery?

¡Gracias Bathorz! El valor de fadeTime sí lo había puesto, no estaba seguro con las otras dos variables.
Es el código que me aconsejaron, enterito y pleno, puedes verlo en este enlace.

Un saludo.

Etiquetas: falta, html, javascript, slide
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:23.