cursores url()

[caricatos]

Hola:

Quería personalizar mis cursores con ficheros externo, y no doy con la solución...

La idea es aplicarlo al cuerpo de la página, y pensé en poner las variantes que tengo en la hoja de estilos:
body {
cursor: url(pluma.cur), url(pluma.png), crosshair;
}

No sería problema javascript (tal vez no lo sea), pero opera devuelve un error con esa sintaxis (aunque según w3.org sea correcta), y por eso pensé en alternativas.

mozilla admite ficheros gráficos que reconozca el navegador, así que pluma.png es válido, pero si lo pongo con un script no reconoce la imagen...

document.body.style.cursor = "url(pluma.png)";

Y en explorer no vale caualquier imagen, pero el fichero .cur lo admite en las dos situaciones...

¿Alguien sabe como arreglar este problema...? He hecho muchas pruebas con distintas variantes, pero no consigo que funcione bien y no tenga errores

Pueden ver en esta página: Iconos online

Saludos

[MikiBroki]

Buenas,

Para que funcione en FF también, debes usar .png:

Código:

body {
cursor:url("puntero.png"), pointer;
cursor:url("defecto.png"), default;
cursor:url("espera.png"), wait;
...
}

Y con javaScript es lo mismo:

Código:

document.body.style.cursor = "url('pluma.png'), pointer";

Lo malo es que según recuerdo, el cambio no permanece si estás sobre otros componentes, con cual hay que definirlo

Saludos

[caricatos]

Hola:

Aunque he probado con valores alternativos, no lo había hecho usandolos en un script. El fichero png ya lo había visto funcionar, pero la asignación mediante javascript no la había hecho con valores alternativos y es la forma que no devuelve ningún error en los 3 navegadores probados.

Se puede ver en el mismo enlace anterior.

Muchas gracias y saludos