Rollover

[gmaciel]

Gracias por leerme

Un cliente me pide algo que no se hacer, a ver si me puedo explicar:

Quiere que en una página se coloquen 10 imagenes, (5 a la derecha y 5 a la izquierda) que funcionaran como botones, pero que al centro haya un espacio en el que aparezcan las imagenes correspondientes a cada botón.

Por ejemplo, 3 de los botones se llaman...

Botón 01: computadoras
Botón 02: monitores
Botón 03: teclados

Bueno, la idea es que cuando el cursor pase sobre el botón 01, al centro de la pantalla aparezca la imagen de una computadora. Cuando pase sobre el 02 al centro aparezca un monitor y así sucesivamente...



Pueden indicarme como hacerlo??

Gracias de antemano por la atención.

GM

[marcopoloaz06]

hola,
ps aver

Código HTML:

<script type="text/javascript">
function roll(imgSRC){
        document.getElementById("IDDELAIMAGEN").src = imgSRC;
}
</script>
<input type="button" onmouseover="roll('http://www.seriousteam.es/images/forosdelweb2.JPG');" />

<img src="imagen.jpg" id="IDDELAIMAGEN" /> 

supongo que
asi nooooooooo?
:]

[trescirculos]

gmaciel, no te compliques y hazlo en flash

Como es muy largo de explicar me tome la molestia de hacertelo, te lo envio en .fla lo unico que tenes que hacer es cambiarlos con tus imagenes

bajatelo de mi web

www.trescirculos.com.ar/drivers/rollover.zip

PD: mil disculpas por la desprolijidad del archivo, lo hice a las apuradas porque estoy diseñando para un cliente, pero queria ayudarte.

Saludos.

[neandertal]

Puedes probar con esto:

Código:

<script language="javascript" type="text/ajvascript">
function rollover(imagen)
{
/*Aqui declaras todas las imagenes que necesites*/
var imagen1=new Image();
imagen1.src=...;
var imagen2=new Image();
imagen1.src=...;
var imagen3=new Image();
imagen1.src=...;
var imagen4=new Image();
imagen1.src=...;
var imagen5=new Image();
imagen1.src=...;
var imagen6=new Image();
imagen1.src=...;
...
/*Le pasas el parametro imagen, y segun ese parametro modificas la imagen de el centro*/
switch(imagen)
{
case 0:document.imagenes.imagencentral.src="/*ruta de acceso a la imagen central que saldra cuando no estes seleccionado ninguna imagen*/";
case 1:document.imagenes.imagencentral.src="/*ruta de acceso a la imagen central que saldra cuando pongas el raton en la 1º imagen*/";
case 2:document.imagenes.imagencentral.src="/*ruta de acceso a la imagen central que saldra cuando pongas el raton en la 2º imagen*/";
case 3:document.imagenes.imagencentral.src="/*ruta de acceso a la imagen central que saldra cuando pongas el raton en la 3º imagen*/";
case 1:document.imagenes.imagencentral.src="/*ruta de acceso a la imagen central que saldra cuando pongas el raton en la 4º imagen*/";
...
}
}
<(script>

Este codigo no funcionara si no tienes la imagen central en un form de nombre "imagenes y en cada una de las iamgenes tienes un OnMouseOver="rollover(/*aqui tienes que poner el parametro que pasas a la funcion, cada imagen tiene que tener uno distinto*/)" y OnMouseOut="rollover(0)" /*Para que se reestablezca la imagen inicial al sacar el raton de encima de la imagen*/
Espero haberte aclarado las dudas.

[gmaciel]

marcopoloaz06, gracias, pero no se nada de java

trescirculos, mil gracias pero no puedo abrir el archivo, me da error, uso el flash mx2004, será por la versión?

neandertal, mil gracias, pero que es un "un form de nombre "imagenes"" ??

a todos, disculpenme por no haber respondido antes, pero andaba sin computadora...

Saludos

GM

[trescirculos]

Si, es por la versión. Lo cargue en Flash 8. bajatelo al flash 8 aunque sea para guardarlo en 2004