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.