Bufff... me he estado liando de mala manera con esto...
Pero bueno, a base de pegarme cabezazos contra el monitor se me ocurrió una idea que resultó muy sencilla...
Os cuento...
Mi objetivo era que teniendo una imagen para una serie de x articulos se pudiera diferenciar en la imagen cada artículo con un marquito de otro color, eso lo conseguimos en su momento en otro post, yo ahora lo que quería era que al pasar por encima de la imagen sin marcos se marcaran los mismos a la vez que se seleccionaban en el listado de articulos (referencia, precio...)
Lo hacía muy complicado hasta que caí que podía hacerlo de otra manera...
Creando las capas que correspondieran a esa imagen al cargar la página pero con fondo gif transparente y haciendo una serie de funciones al hacer mouseover y mouseout.
function Mostrar_Marco(Id)
{
Marquito=document.getElementById(Id);
Marquito.style.borderWidth = "2px";
Marquito.style.borderStyle = "solid";
Marquito.style.borderColor = "#106fa7";
}
function Ocultar_Marco(Id)
{
Marquito=document.getElementById(Id);
Marquito.style.borderWidth = "0px";
}
Bueno, como siempre digo... YO ME LO GUISO YO ME LO COMO!
En fin, creo que doy la web por fin por acabada, a ver que dice el cliente esta tarde..
Prometo que cuando tenga un rato haré un tutorial sobre todo este tema porque creo que podría resultar interesante...
Hasta luego! y muchas gracias!