Foros del web, para los que viven de bits

rusinho · 20-jun-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 · 20-jun-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 · 20-jun-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 · 21-jun-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 · 23-jun-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.

20-jun-2008, 10:00	#1 (permalink)
rusinho Fecha de Ingreso: agosto-2006 Mensajes: 124	Problema con imagenes en el menú. 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.

20-jun-2008, 13:21	#2 (permalink)
Raulmmmm Fecha de Ingreso: marzo-2007 Ubicación: En otro lugar que tú Mensajes: 1.393	Respuesta: Problema con imagenes en el menú. 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 .

20-jun-2008, 15:21	#3 (permalink)
rusinho Fecha de Ingreso: agosto-2006 Mensajes: 124	Respuesta: Problema con imagenes en el menú. 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.

23-jun-2008, 08:44	#5 (permalink)
rusinho Fecha de Ingreso: agosto-2006 Mensajes: 124	Respuesta: Problema con imagenes en el menú. 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.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado