Foros del Web » Programando para Internet » Javascript »

Menú con rollover imagenes

Estas en el tema de Menú con rollover imagenes en el foro de Javascript en Foros del Web. Hola gente, estoy tratando de hacer un menú de 5 botones, los cuales son 5 imágenes distintas. Las imágenes en total son 10 (5 para ...
  #1 (permalink)  
Antiguo 21/07/2010, 15:38
 
Fecha de Ingreso: agosto-2009
Mensajes: 59
Antigüedad: 15 años, 3 meses
Puntos: 2
Menú con rollover imagenes

Hola gente, estoy tratando de hacer un menú de 5 botones, los cuales son 5 imágenes distintas.

Las imágenes en total son 10 (5 para el estado onMouseOut y 5 para en onMouseOver) y están ubicadas en la carpeta 'sitio/img'

Estoy desarrollando el sitio en Dreamweaver CS3. (Trabajo con templates desde las cuáles genero las demas paginas)

Para el menú utilicé el siguiente script.

Código:
function cambiar (flag,img) {
if (document.images) {
if (document.images[img].permitirloaded) {
if (flag==1) document.images[img].src = document.images[img].permitir.src
else document.images[img].src = document.images[img].permitir.oldsrc
}
}
}
function preloadcambiar (img,adresse) {
if (document.images) {
img.onload = null;
img.permitir = new Image ();
img.permitir.oldsrc = img.src;
img.permitir.src = adresse;
img.permitirloaded = true;
}
}
Y en html el siguiente código: (este seria el código de uno de los botónes)

Código:
 
<p class="botonera"><a href="empresa.html" 
onMouseover="cambiar(1,'img1');" 
onMouseout="cambiar(0,'img1');">
<img src="img/btn_em.gif" border=0 
name="img1" 
onLoad="preloadcambiar(this,'img/btn_em_ov.gif');" >
</a></p>

Cuando estoy navegando en algunas de las paginas, que se encuentran en la raiz del sitio, el rollover anda perfecto. Ej. ('sitio/index.html' , 'sitio/productos.html' o 'sitio/servicios.html)

Pero cuando ingreso (desde alguno de los links) a una página que esta en otro directorio ('sitio/productos/equipos.html' o 'sitio/servicios/tecnico.html') ya deja de mostrarme las imágenes del menú en el estado onMouseOver.

Por lo que estimo y hasta donde llegan mis escasos conocimientos, supongo que el error esta en la ruta a las imágenes. O tal vez tenga algun error en el script??

Qué me sugieren? Dónde puede estar el error?

Me llevo toda la tarde de hoy tratar de resolver esto.

Espero me puedan ayudar y se haya entendido cual es el problema.

Desde ya muchisimas gracias!

Saludos.
  #2 (permalink)  
Antiguo 22/07/2010, 07:58
 
Fecha de Ingreso: agosto-2009
Mensajes: 59
Antigüedad: 15 años, 3 meses
Puntos: 2
Respuesta: Menú con rollover imagenes

Bueno al parecer el error estaba en la ruta hacia las imágenes.

Ahora estoy utilizando rutas relativas a la raíz del sitio y todo funciona bien. No se que pasará cuando suba la web completa al server

file:///C:/Users/MiUsuario/Documents/Webs/MiWeb/img/btn_em.gif

Etiquetas: imagenes, rollover
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:29.