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
información
Otras secciones de LWP con contenido de HTML
- Código fuente de HTML
- Cursos de HTML
- Temas de HTML
- Chat de HTML
información
Códigos de HTML
- Iniciar sessión en Hotmail
- Marquesina
- Botón En 3D!
Imágen de perfil de ScriptShow

RE:Imagenes y capas

Publicado por ScriptShow (311 intervenciones) el 15/06/2008 19:39:03
  • ScriptShow se encuentra ahora conectado en el
  • chat de PHP
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