On 9/4/07, Carlos Zuniga <[EMAIL PROTECTED]> wrote:
> On 9/4/07, Rodrigo Álvarez Virgós <[EMAIL PROTECTED]> wrote:
> > Hola, Ovillo
> >
> > A ver si se os ocurre cómo darle solución a lo siguiente:
> > En un sitio dinámico muestro todos los productos de un catálogo. Saco
> > las imágenes de la base de datos, las remuestreo, las pongo en escala de
> > grises y las meto en el css como background de un enlace, hasta ahí bien.
> >
> > Como tengo que darle un background distinto a cada producto, lo hago con
> > el atributo style (<a href="..." style="background-image:...">). El
> > problema viene ahora: si quiero que al pasar el ratón por encima la
> > imagen se muestre con color en lugar de en b/n, ¿hay manera de hacer
> > algo parecido a <a href="..." *style[hover]*="background-image:..."> o
> > tengo que recurrir a javascript?
> >
> > Un saludo
> > Rodrigo
>
> Lo que quieres necesita javascript:
>
> function addStyle(style) {
> var styleNode = document.createElement("style");
> document.body.appendChild(styleNode);
> var styleSheet = document.styleSheets[document.styleSheets.length - 1];
> styleSheet.insertRule(style, 0);
> }
>
Uhmm esa función la habia sacado de un script de greasemonkey, pero
acabo de ver que puedes simplificarla así:
function addStyle(style) {
document.styleSheets[0].insertRule(style,0);
}
Aunque no sé si será compatible con todos los navegadores...
> Luego la metes con
>
> addStyle("#enlace:hover {background-image: url('algo.jpg') }");
>
> Saludos
--
Linux Registered User # 386081
A menudo unas pocas horas de "Prueba y error" podrán ahorrarte minutos
de leer manuales.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
