HTML - Imagenes y capas

   
Vista:

Imagenes y capas

Publicado por Eomer (1 intervención) el 14/06/2008 17:38:04
Hola a tod@s,

Tengo que hacer una web en la que hay un indice, y segun voy pulsando con el raton en los componentes de ese indice, tiene que ir cambiando una imagen por otra.
Creo que para el tratamineto de esas imagenes tengo que trabajar con capas y con el evento 'OnMouseOver' en el indice, pero no se exactamente como hacerlo. ¿Alguna idea?

Gracias y Saludos?
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow

RE:Imagenes y capas

Publicado por ScriptShow (312 intervenciones) el 15/06/2008 19:39:03
Saludos,

con este código básico y algún cambio, puedes adaptarlo para diferentes opciones, propósitos, etc. Para imágenes de gran tamaño (desaconsejado en la web) será necesario una precarga.

<script>
function loadImage(imageURL){
if (document.images){
document.imagen.src=imageURL;
return false;
}
else{
return true;
}
}
</script>
<img src="img-00.jpg" border="0" width="400" height="200" name="imagen" alt="IMG" title="IMG">
<br>
<a href="#" onclick="return(loadImage('img-01.jpg'))">IMG 01</a>
<br>
<a href="#" onclick="return(loadImage('img-02.jpg'))">IMG 02</a>
<br>
<a href="#" onclick="return(loadImage('img-03.jpg'))">IMG 03</a>
<br>
<a href="#" onclick="return(loadImage('img-04.jpg'))">IMG 04</a>
<br>

Cambia el img-0X.jpg por el nombre de tus imágenes. Respeta las comillas; procura no utilizar caracteres como: acentos, comillas, espacios en blanco, etc. sólo letras y números.

Espero te sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar