I’m not the worlds greatest js coder but I can understand it when I look at something already created. With that said, here is what I need some help with.
I’ve found tons of rotators out there but nothing like what I need. I needing one to track how far we are from a goal. For example: We have a goal of $30,000 to be raised but we have only raised 5,000. It would be nice to be able to show that we have raised $5,000 but under the image, have a dive that says we only need $XX,XXX to reach our goal by a certain date. It would also be nice for it to show a percentage of the goal so far.
I’m not sure if this is exactly what you were looking for? If you need an example of how to get the text converted to images, I can help you with that too. Let me know if this is what you wanted or not.
http://www.angelo.edu/services/giving/ This is one that someone pointed out to me but I’m wanting to use a different style of numbers. I like the look of the old fashion clocks, that had the numbers split in half and they flipped over.
I’ve got it working on a localhost setup but there are a few things I cannot figure out and when I posted a comment, the creator still has yet to respond.
1) How can I make the $ appear before the numbers?
2) I’m trying to implement the “Stop” sub function but can’t seem to get it working correct. I want to check the current myCounter value and if it’s at a certain point, I would like it to stop.
@ChrisxClash – I understand how to make it stop with a button, but what I was confused about was how to make it shop with a variable value. For example say my Goal was $200 but I’m currently at $50, I want it to stop at $50.
I noticed that there was a $ in the digits.png file. I know that you did not create this flip-counter and I appreciate your’s any one else that has helped effort in helping me. Is there an easy way to reference the section of the image to show the dollar sign?
My bad, I must have misread your stopping question. I threw together an example of how to make it stop when you want. In the version I threw together, it will increment by two, until it reaches 150. You can also do smart incrementing, where you specify how long you want it to take, rather than just a constant speed.
As for the $ symbol, I saw that in the digits.png file, but I can’t see anywhere in his documentation or js file where he allows you to use it. Maybe it’s a future implementation?