Foros del Web » Creando para Internet » HTML »

Como hacer este cargador de Imagenes

Estas en el tema de Como hacer este cargador de Imagenes en el foro de HTML en Foros del Web. Hola todos soy nuevo en el foro y estoy estudiando diseño web, asi que pido el faor de ser lo mas explicativos posibles muchas cosas ...
  #1 (permalink)  
Antiguo 10/05/2011, 18:27
Avatar de cncarlosnaranjo  
Fecha de Ingreso: mayo-2011
Ubicación: Colombia
Mensajes: 4
Antigüedad: 6 años, 7 meses
Puntos: 0
Pregunta Como hacer este cargador de Imagenes

Hola todos soy nuevo en el foro y estoy estudiando diseño web, asi que pido el faor de ser lo mas explicativos posibles muchas cosas son nuevas para mi.

Quisiera pedir el favor de que me expliquen como hacer este cargador de imagenes


[URL="http://www.natsume.com/current_game/index.html"]http://www.natsume.com/current_game/index.html[/URL]

en esta web al pasar el mouse sobre el titulo del juego se carga la imagen del juego en la parte derecha

yo tengo una lista con los nombres de unas masrcas y quiero que al pasar el mouse por cada titulo me cargue abajo el logo de la marca


gracias

Carlos Naranjo
  #2 (permalink)  
Antiguo 10/05/2011, 18:37
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.049
Antigüedad: 8 años, 7 meses
Puntos: 1484
Respuesta: Como hacer este cargador de Imagenes

buenas,
ese "cargador" de imagenes esta con programacion, en particular con javascript. o sea, no es algo que se logra meramente con html. tampoco es algo que esta hecho para solo copiar y pegar el script. si puedes obtener la parte principal, pero luego tienes que escribir el resto del codigo para hacerlo funcionar. para ello, debes dominar algo de javascript. entonces, la pregunta es, ¿dominas javascript?

__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #3 (permalink)  
Antiguo 10/05/2011, 18:40
Avatar de cncarlosnaranjo  
Fecha de Ingreso: mayo-2011
Ubicación: Colombia
Mensajes: 4
Antigüedad: 6 años, 7 meses
Puntos: 0
Respuesta: Como hacer este cargador de Imagenes

Hola gracias por responder, realmente no domino javascript, pero estoy aprendiendo asi que manejo cosas muy basicas, tambien php si pudieras explicarme como se hace yo podria intentar programarlo
  #4 (permalink)  
Antiguo 10/05/2011, 18:50
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.049
Antigüedad: 8 años, 7 meses
Puntos: 1484
Respuesta: Como hacer este cargador de Imagenes

comprenda que cada lenguaje es distinto, lo que puedes hacer en uno no necesariamente lo puedes hacer en otro. basicamente consiste en que cada enlace tiene un evento registrado de tipo mouseover y mouseout (javascript event types). en este evento se invoca una funcion el cual es la que cambia las imagenes. esta funcion recibe algunos parametros, como podria ser la URL de la imagen a mostrar. en el evento mouseover se muestra la imagen y en el evento mouseout se restaura la imagen al original. este tipo de script se le conoce como image swap o image rollover.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #5 (permalink)  
Antiguo 10/05/2011, 18:57
Avatar de cncarlosnaranjo  
Fecha de Ingreso: mayo-2011
Ubicación: Colombia
Mensajes: 4
Antigüedad: 6 años, 7 meses
Puntos: 0
Respuesta: Como hacer este cargador de Imagenes

lo que he hecho hasta ahora es una galeria de imagenes que cambien al pasar el mouse mouseover lo que no logro es que la imagen cargue en otro lugar porque no se como hacerlo o que evento usar, pero si se usar image swao y el rollover
  #6 (permalink)  
Antiguo 10/05/2011, 19:04
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.049
Antigüedad: 8 años, 7 meses
Puntos: 1484
Respuesta: Como hacer este cargador de Imagenes

es basicamente lo mismo, lo que cambia es: desde que elemento se inicia y la referencia de la imagen donde se aplicara el cambio. el elemento iniciador sera el enlace. dentro de tu funcion tienes que obtener la referencia de la imagen donde se vera el cambio. hay varias formas de obtener la referencia de un elemento. la mas basica es atraves del ID con la funcion getElementById. claro, tienes que darle un ID a la imagen. luego, es cuestion de asignar la nueva URL (la imgen) a la propiedad scr de esa referencia adquirida.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.

Etiquetas: cargador, imagenes, mouseover
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:36.