Problema con imagenes en el menú.

rusinho · #1 (**permalink**) 20/06/2008, 10:00

Tengo un menu, cuando coloco el cursor sobre cada opcion del menu, se carga una imagen, cuando cambio de opcion vuelve a cambiar de imagen, en pocas palabras lo que deseo es alternar las imagenes de un menu, pero sin necesidad de estar descargando las imagenes cada vez que coloco el cursor sobre el.

El intercambio de imagenes ya lo hace bien, pero siempre me esta descargando las imagenes, quisiera que solo las cargara la primera vez y luego ya no.

Este problema solo lo tengo con Internet Explorer porque con Firefox funciona bien.

Espero que me puedan colaborar.

Salu2.

Raulmmmm · #2 (**permalink**) 20/06/2008, 13:21

Pon el código HTML y CSS del menú para que te podamos ayudar. Si tienes el menú correctamente (con listas) me sé un truco

.

rusinho · #3 (**permalink**) 20/06/2008, 15:21

Claro que si,

El codigo es el mismo de la siguiente pagina:

http://www.marval.com.co/pruebilla/indice.php

Pruebalo con Internet Explorer ese es el que tiene problema.

Aunque de todas maneras si tiene otra forma me dices cual es.

Salu2.

Raulmmmm · #4 (**permalink**) 21/06/2008, 00:56

Mmmm.... tú lo has hecho con Javascript, pero hay una forma mucho más sencilla de hacer un menú:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Prueba de imagenes de las secciones</title>
<style type="text/css">
ul{ margin: 0; padding: 0; list-style: none; }
li{ width: 170px; height: 34px; background: url('img2.jpg'); }
a{ display: block; width: 170px; height: 34px; background: url('img1.jpg'); }
a:hover{ background: none;}
</style>
</head>
<body>
<ul>
<li><a href="#">Enlace</a></li>
<li><a href="#">Enlace</a></li>
<li><a href="#">Enlace</a></li>
<li><a href="#">Enlace</a></li>
<li><a href="#">Enlace</a></li>
<li><a href="#">Enlace</a></li>
<li><a href="#">Enlace</a></li>
</ul>
</body>
</html>

Te aconsejo que, si todavía no sabes CSS, te leas este manual. Ya no se usa Javascript para algunas cosas...

rusinho · #5 (**permalink**) 23/06/2008, 08:44

Bien, realicé un ejemplo con la forma que me dijiste y me funciono bien, el problema es que a veces el usuario pasa muy rapido por las opciones y queda un barrido, pero eso lo soluciono despues.

Muchas gracias Raulmmmm.