Foros del Web » Programando para Internet » Javascript » Frameworks JS »

mostrar imagenes a modo de carrusel parecido a esto

Estas en el tema de mostrar imagenes a modo de carrusel parecido a esto en el foro de Frameworks JS en Foros del Web. Hola a todos, tengo tres imagenes, las dos de los lados de un tamaño mas bien pequeño y la del centro es la grande, me ...
  #1 (permalink)  
Antiguo 13/05/2012, 09:06
Avatar de TheScript  
Fecha de Ingreso: septiembre-2011
Ubicación: Spain
Mensajes: 164
Antigüedad: 10 años, 2 meses
Puntos: 30
mostrar imagenes a modo de carrusel parecido a esto

Hola a todos, tengo tres imagenes, las dos de los lados de un tamaño mas bien pequeño y la del centro es la grande, me gustaría encontrar un script de javascript que sea relativamente sencillo para poder ir cambiando las imagenes.. a modo que parezca que están rotando... pero lo quiero sencillo que no hace falta que tenga unos efectos impresionantes, simplemente cambiar el orden de las fotos y el tamaño si estuviera en el centro......

He buscado pero no he encontrado nada que pueda llegar a entender y manipular... y todo es con jquery, mootools...etc.... y mi nivel en javascript es mas bien bajo como para eso....

Alguien me puede pasar algún enlace o información por favor???? Gracias, y perdón por mi ignoracia, soy mas de php y estoy intentando hacer cosillas con js...
  #2 (permalink)  
Antiguo 13/05/2012, 11:29
 
Fecha de Ingreso: noviembre-2010
Mensajes: 13
Antigüedad: 11 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
  #3 (permalink)  
Antiguo 14/05/2012, 01:26
Avatar de TheScript  
Fecha de Ingreso: septiembre-2011
Ubicación: Spain
Mensajes: 164
Antigüedad: 10 años, 2 meses
Puntos: 30
Respuesta: mostrar imagenes a modo de carrusel parecido a esto

muchisimas gracias TAJNG por tu ayuda y por dedicarme tu tiempo a explicarmelo tan claramentre, estoy ahora mismo con ello, y la verdad es que me ha quedado bastante claro, me ha gustado mucho tu tipo de comentario, porque al estar empezando a veces veo códigos, que si, en ocasiones los copias y los pegas, funcionan pero.... no me ayuda de nada eso, porque no aprendo y porque si el día de mañana quiero modificarlos o existe algún problema.... a ver quien mete la mano en ese código del cual no tengo ni idea!!!

Así que muchas gracias por tu ayuda otra vez, muy amable. un saludo!

Etiquetas: imagenes, jquery, js, modo, parecido, php, carrousel
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 17:27.