[CSS] Anim. Drumstick als Cursor?

[Niksda]

Hallo Freunde!
Ich bin mal wieder an einem Websiteprojekt und möchte nun einen eigens erstellten Cursor verwenden. Da es eine Seite von einem Schlagzeuger wird soll es also ein Drumstick sein.

cursor: url(images/cursor.cur);
cursor: url(images/cursor.png) x y, auto;

Laut Google können das leider nicht alle Browser (zb Opera) und IE will ein .cur Format. Wird dann bei nicht-Kompatibilität einfach der Standardcursor angezeigt?

Allerdings möchte ich den Stick jeweils beim klicken ein stück verändern (drehen)
Außerdem würde ich gerne einen Cursor haben der größer als 32x32 px ist.

Wie würdet ihr das realisieren? Würdet ihr den Cursor auf die ganze Seite anwenden oder nur auf links? Was ist da üblich, oder Benutzerfreundlich?

Freue mich auf eure Antworten,
~Niksda

 

[Niksda]

AW: [CSS] Anim. Drumstick als Cursor?

Habe den Cursor mittlerweile groß bekommen! Hier klicken: www.ulfwinter.de (Einfach nicht als 32x32 px gespeichert sondern 128x128px.)

Hat wirklich keiner eine Idee wie ich das mit dem klicken ändern kann? Ich suche eine einfach Lösung die am besten ohne .js funktioniert.

 

[simonpicos]

AW: [CSS] Anim. Drumstick als Cursor?

Hmm, also das bei Klick hin zu bekommen ohne JS wird schwierig...
Über :active bei Links funktioniert das nicht :uhm:
Außerdem nur als Hinweis: Opera kommt tatsächlich grundsätzlich nicht mit einem eigenen Cursor über url klar. Da wird dann einfach der normale Cursor angezeigt, der in dem Fall passend wäre.

 

[Niksda]

AW: [CSS] Anim. Drumstick als Cursor?

Hmm, was wäre denn der js/jquery ansatz?

onClick? Und dann?