Cursor mano cerrada

[ssclamp]

Hola amigos:

Necesito crear un efecto parecido al que muestra Acrobat Reader al mover un documento en la pantalla: el cursor mano se convierte en mano cerrada al hacer click sobre el documento y moverlo por la pantalla.

Necesito hacerlo en html con css en un documento con drag (el script drag ya lo tengo, lo que hace falta es el mostrar la mano y la mano cerrada al hacer click).

Muchas gracias

Saludos

[nedrek]

No es posible usar cursores personalizados en CSS.
Sólo puedes usar los cursores predefinidos por CSS.

Otras cosas deberas abordarlas en Flash o Javascript.

[ssclamp]

Gracias nedrek por tu respuesta.

No me importaría implementar esto con javascript. Si conoces el modo, por favor, comunícalo.

Gracias

Saludos

[Mikmoro]

Yo creo que sí puedes usar cursores personalizados mediantes css. Para eso necesitas un archivo gráfico con extensión .cur, y este código css en el elemento al que se lo quieras aplicar:

cursor:url("HNWSE.CUR"),crosshair;

Donde HNWSE.CUR es tu gráfico.cur. El segundo es un genérico, porque si no en algunos navegadores no funcionaría.

Mira un ejemplo, con el cursor puesto en el body.

http://www.araudi.net/forosdelweb/pie_en_el_fondo.html

Mikel.

P.D.: no puedo asegurar que se vea en todos los navegadores. Probado en FF, IE6 y IE7.

[iconogt]

hmmmm si, yo creo que funca eso que dice Mikmoro, no recuerdo bien si lo he vistoya... deja busco y te confirmo

[iconogt]

Efectivamente!

Es como te lo explica el compañero anteriormente...

Aquí te dejo un link que dejo JavierB para que te hagas tu cursor personalizado... http://www.forosdelweb.com/f53/crear...es-cur-269983/

[ssclamp]

Muchas gracias a todos y en especial a Mikmoro por su ejemplo.

Veo que funciona bien en FF, IE6 y IE7 (en Opera no va, pero en Opera hay muchas cosas que no funcionan).

Pero en realidad lo que necesito no es tanto personalizar el cursor como que el cursor 'mano' se convierta en cursor 'mano cerrada' al hacer y mantener el click, para remedar el efecto drag del Acrobat Reader, pero en html.

Se trata de mover una imagen (drag) -esto lo tengo resuelto- pero que el cursor, al hacer click se dibuje como una mano cerrada (puño).

Gracias de nuevo.

Saludos

[daPhyre]

A tu problema hay dos soluciones sencillas: Supongo que el programa de hacer un drag lo tienes en javascript, lo que necesitarías es que mientras corre ese programa, ocultar el cursor y poner una imagen de mano cerrada en la posición del mouse, o cambiar de forma dinámica el css a la intrucción que tienes poco más arriba. En mi caso, sería más sencillo esta segunda, y si me das un poco de tiempo, te podría investigar como hacerlo, aunque no te aseguro los resultados. Quizá puedas investigar esto de forma independiente por mientras. Un saludo.

-daPhyre-

[ssclamp]

Efectivamente daPhyre, es un javascript el que permite mover la imagen por la pantalla (drag).

Estudiaré tu propuesta, aunque ahora no estoy muy inspirado y no sé por dónde tirar.

Si se te ocurre algo nuevo, estaré atento.

Muchas gracias.

Saludos

[Asyolath]

Puedes cambiar dinamicamente el css añadiendo a tu funcion drag de javascript una instruccion tipo esta:

elementoQueTienesClicado.style.cursor= "url('tucursor.cur')"

Espero que te sirva ;)

[JavierB]

Mensaje movido al foro de JavaScript desde CSS.

Saludos,