Comments (9)
I created a smaller version of the original transparent version (27x39) because the ones I found were too choppy/ didnt work well.
http://s16.postimage.org/bwsbds1tf/digits2.png.
Hope it helps!
from jquery-countdown.
These calculations from the initial project work great for resizing:
Example how to change size:
The PNG consists of 60 frames, so if you want your Height to be 18px you multiply 18 by 60 = 1080px. Then you divide 4619 (the original Height of the PNG) into 1080 = 4,276851851851852. Then you divide 53 (the original Width of the PNG) into 4,276851851851852 = 12,39229270404849 and you round it up or down (12 or 13).
So if you want to achieve the following size:
digitWidth: 13,
digitHeight: 18
You will have to resize your image to 13x1080px.
from jquery-countdown.
@0sm3l Thanks so much, worked beautiful! You should create a pull request to add that file.
from jquery-countdown.
Then the countdown is in reverse order. Digits goes from 9 to 0, then the animation is in wrong direction. Needs an image with transition to reverse order.
from jquery-countdown.
Well, actually if you reverse animation it works fine: scroll image from bottom up. Take a look at my working timer: http://www.maximandinna.com/
from jquery-countdown.
Yes but animation shows that the numbers goes from bottom to top. This is
wrong. That type of clock must drop numbers from the top.
On Apr 29, 2013 4:34 PM, "siburny" [email protected] wrote:
Well, actually if you reverse animation it works fine: scroll image from
bottom up. Take a look at my working timer: http://www.maximandinna.com/—
Reply to this email directly or view it on GitHubhttps://github.com//issues/8#issuecomment-17166656
.
from jquery-countdown.
Think about it: when you implement normal clock, then the numbers go from 0 to 9 and they do drop from the top. But if you do reverse, then number go from 9 to 0 and instead of dropping they should go "up".
PS if I had physical clock like that, I would demonstrate it on the real thing.
from jquery-countdown.
Yes the physics drops from top everythink to earth center in our case
"down" :) sorry for my bad english
On Apr 29, 2013 4:59 PM, "siburny" [email protected] wrote:
Think about it: when you implement normal clock, then the numbers go from
0 to 9 and they do drop from the top. But if you do reverse, then number go
from 9 to 0 and instead of dropping they should go "up".PS if I had physical clock like that, I would demonstrate it on the real
thing.—
Reply to this email directly or view it on GitHubhttps://github.com//issues/8#issuecomment-17168119
.
from jquery-countdown.
Yes, it applies to a "normal" flow of the clock :) but if you reverse it (countdown in our case), then it should flip "up"
Anyway, you can create your own image and make it flip sideways :-D
from jquery-countdown.
Related Issues (20)
- noConflict Mode Issue
- What is wrong on my stop() method? HOT 1
- Issue with Safari on IOS ?? HOT 2
- Please help me !!! HOT 1
- Please, give me video Tutorial.. HOT 3
- Leap year
- No transitions HOT 1
- digidayoff.com does not use timer
- Weird Date Calc error
- Zero pad for empty digits
- Destroy countdown HOT 1
- Problems in IE HOT 1
- Show only days on the countdown?
- Auto Renew startTime +7 days
- Use regular font?
- transition between 9 and 0 is missing- jumps right to 0. HOT 2
- 9 digit jumping
- CallBack method when timer is over HOT 2
- Countdown.min and countdown are different versions?
- Refresh page reloads counter
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jquery-countdown.