Como hacer este cargador de Imagenes

cncarlosnaranjo · #1 (**permalink**) 10/05/2011, 17:27

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

zerokilled · #2 (**permalink**) 10/05/2011, 17:37

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?

cncarlosnaranjo · #3 (**permalink**) 10/05/2011, 17:40

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

zerokilled · #4 (**permalink**) 10/05/2011, 17:50

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.

cncarlosnaranjo · #5 (**permalink**) 10/05/2011, 17:57

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

zerokilled · #6 (**permalink**) 10/05/2011, 18:04

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.