Foros del Web » Programando para Internet » Javascript »

Slideshow con tiempo configurable

Estas en el tema de Slideshow con tiempo configurable en el foro de Javascript en Foros del Web. Hola, Alguien conoce algun script para crear un slideshow de imagenes pero donde se pueda configurar el tiempo que se visualiza cada imagen por separado? ...
  #1 (permalink)  
Antiguo 27/06/2011, 03:53
Avatar de pingochin  
Fecha de Ingreso: febrero-2011
Mensajes: 15
Antigüedad: 13 años, 8 meses
Puntos: 0
Slideshow con tiempo configurable

Hola,
Alguien conoce algun script para crear un slideshow de imagenes pero donde se pueda configurar el tiempo que se visualiza cada imagen por separado?

Osea donde pueda setear 2 segundos una imagen, 10 segundos otra, 3 segundos otra, etc
  #2 (permalink)  
Antiguo 27/06/2011, 09:23
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 8 meses
Puntos: 192
Respuesta: Slideshow con tiempo configurable

Si, puede hacerse. No conozco alguno que lo haga.
¿Estás interesado en algún efecto en particular? Yo tengo hecho un slideshow con jQuery que tiene un efecto de puerta:
Door Slideshow

Si te gusta se puede modificar para que pueda configurarse el tiempo de cada imagen.
__________________
nahueljose.com.ar
  #3 (permalink)  
Antiguo 27/06/2011, 09:53
Avatar de pingochin  
Fecha de Ingreso: febrero-2011
Mensajes: 15
Antigüedad: 13 años, 8 meses
Puntos: 0
Respuesta: Slideshow con tiempo configurable

Gracias por responder.
Yo justamente estoy usando el jQuery Cycle Plugin 2.99 para generar un slideshow dinamico con php, segun la lista de productos de la base de datos, voy dibujando los respectivos <img> pero el caso es q no se casi nada de javascript y necesito q aparte de los productos comunes se muestre una lista q tendria un tiempo mas prolongado q los productos normales.
Seria buenisimo q me muestre como modificar el script o si tenes algo armado ya para ver como va la mano.
  #4 (permalink)  
Antiguo 27/06/2011, 13:42
 
Fecha de Ingreso: abril-2011
Mensajes: 1.342
Antigüedad: 13 años, 6 meses
Puntos: 344
Respuesta: Slideshow con tiempo configurable

Si miras la documentación, hay una función que permite modificar el tiempo que tarda cada imagen.

Te dejo un ejemplo, en el que uso el atributo class en cada imagen indicando cuanto tiempo quiero que permanezca la imagen, pero se puede modificar para admitir otros parámetros (por ejemplo, que determinados elementos de una clase tarde un tiempo y los de otra clase otro tiempo).

http://jsfiddle.net/ZX43M/2/embedded/result/
  #5 (permalink)  
Antiguo 27/06/2011, 13:56
 
Fecha de Ingreso: septiembre-2008
Mensajes: 242
Antigüedad: 16 años, 2 meses
Puntos: 3
Respuesta: Slideshow con tiempo configurable

puedes hacer esto

delays = [1,2,3,4,5,...]; //delays de c/img en segs...

tuSlide(){

..codigo del slide...

whereIam = document.getElementById("slide").getAttribute("whe reIam");
next = parseInt(whereIam)+1;
if(next>cantidadDeImagenesEnElSlideShow){ next=1; } //esto es para el ciclo infinito de imgs
document.getElementById("slide").setAttribute("whe reIam", next);
setTimeout("tuSlide()",delays[(next*1000)]);
}

setTimeout("tuSlide()",delays[0]*1000);

<img whereIam id="slide" />

ve como andas con ese metodo.... es lo que se me ocurrio en primera instancia... se podria pulir mucho mas
  #6 (permalink)  
Antiguo 28/06/2011, 02:13
Avatar de pingochin  
Fecha de Ingreso: febrero-2011
Mensajes: 15
Antigüedad: 13 años, 8 meses
Puntos: 0
Respuesta: Slideshow con tiempo configurable

Cita:
Iniciado por alexg88 Ver Mensaje
Si miras la documentación, hay una función que permite modificar el tiempo que tarda cada imagen.

Te dejo un ejemplo, en el que uso el atributo class en cada imagen indicando cuanto tiempo quiero que permanezca la imagen, pero se puede modificar para admitir otros parámetros (por ejemplo, que determinados elementos de una clase tarde un tiempo y los de otra clase otro tiempo).

[url]http://jsfiddle.net/ZX43M/2/embedded/result/[/url]
exactamente lo q necesitaba! funciona de 10.
muchas gracias a todos!

Etiquetas: cofigurable, slideshow, velocidad
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:04.