Ver Mensaje Individual
  #2 (permalink)  
Antiguo 13/05/2012, 11:29
TAJNG
 
Fecha de Ingreso: noviembre-2010
Mensajes: 13
Antigüedad: 14 años
Puntos: 3
Respuesta: mostrar imagenes a modo de carrusel parecido a esto

bueno hay que ver qué tan básico quieres... yo no soy experto pero me gusta que me hagan trabajar porque así aprendo a la de "si o si" jejeje

así que disculpa si no te ayudo como quisieras, pero como dije creo que es más provechoso si se trabaja uno y los demás nos orientan, en este caso yo con lo poco-mucho que se me gustaría ayudarte :)

la función que te puede servir para tu propósito es la de setInterval ya que segun lei no importa que tengas el mouse encima, o no, quieres que todo sea de cierto modo automático

como dije te explicaré poco, para que tu trabajes un poquito...
FUNCION SETINTERVAL:
Código Javascript:
Ver original
  1. setInterval("funcion_reloj()",1000);
ahora repasemos las partes...
setInterval esto es la llamada de la "función", esta instruccion de javascript hace que se ejecute determinada accion o funcion llamada cada ciertos segundos, en un bucle infinito
"funcion_reloj()" es la función que estarás llamando para que ejecute los reemplazos de imagenes o lo que quieras que se haga
1000 tiempo en milisegundos que quieres que tarde en realizarse el efecto (1000 milisegundos = 1 segundo, por si no quedó bien claro jeje)

ahora... como veras necesitas sabe un poco más sobre la funcion_reloj aqui en el mismo foro está lo que buscas, he aqui donde te toca trabajar... como pista te ayudaré diciendo que lo que necesitas si deseas algo básico es for y un if-else, tambien puede hacerse con do-while, y tal vez un switch-case, para reducir la línea de códigos pero no se si eso te confunda, for+if te iria bastante bien a ti aunque no sería tan "elegante" y corto jejeje

y bueno... me siento de buenas hoy así que te ayudaré más de lo que pensaba en un principio jajajajaja
for fijas en una variabale X tu tiempo "cero" luego das la condicion de que se realice cada tanto y recorre esa variable incrementandola 1 a 1
luego de eso dentro de ello va el if donde cada que la variable sea = 1 mostraras la primer imagen dandole las propiedades a tu div o donde sea que quieras mostrarlo; cada que sea 2 lo mismo sería para la segunda imágen y cada que sea 3 lo mismo para la otra
por cierto podrias declarar variables temporales para incrementarlas automáticamente y usar 3 setInterval diferentes para con eso saltarte el asunto del for pero creo que resultaría mejor lo que te digo, asi si los tiempos en algun punto (suponiendo que lleguen los 20 segundos o más) se te "juntan" las variables no habrá conflicto

ya te di casi todo, falta que te sepas hacer un for, un if y tal vez llamar funciones, una buceada en el foro y tendras todo resuelto :D
espero haberme explicado bien... y haberte ayudado... como dije mi intención de no hacerte todo es que aprendas, como yo hago, pero aun si trabajandole no te termina de funcionar sientete libre de volver a preguntar, tampoco me negaré a ello ni yo ni nadie sabiendo que ya has investigado poquis por tu cuenta xD