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);
}
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 [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
