Okay, so I have been working on the website lately playing around with stuff. JS is fun to mess with, so I’ve been customizing the site a little bit and found cursors as my next target. I just recently discovered the URL properties of the cursor attribute and played around with the default cursor and a PNG image.
But now I wanted to create a spinning animated cursor for my a tags. I thought an animated GIF sure, but it doesn’t work that way. Then I researched found out about .ANI, was able to make one and then just replace the .GIF extension on my image within my External CSS with .ANI. The webpage references the CSS which in turn pulls the animated cursor and it should appear when you pass over a link.
Nope.
It look pretty straightforward and it doesn’t look like it requires any bit of JS to do. Am I just referencing the file wrong?
Here is my directory so you can scout the paths. I am pretty sure they are right.
http://www.wku.edu/~markanthony.echipare/5.0/
Here is a direct link to my CSS.
http://www.wku.edu/~markanthony.echipare/5.0/CSS/5.0_CSS.css
I’m befuddled, and it probably something I am just overlooking.
Right now I have just a static GIF in place. The Recycling Symbol should be spinning if the .ani were working correctly.
I do get it to work on my desktop though. That was pretty cool.
Thanks in advance.
