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
| ||||
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 |
| ||||
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. |
| |||
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/ |
| |||
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 |
| ||||
Respuesta: Slideshow con tiempo configurable Cita: exactamente lo q necesitaba! funciona de 10.
Iniciado por alexg88 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] muchas gracias a todos! |
Etiquetas: |