Animation Profiles for Smart Countdown
Animation Profiles are add-ons for Smart Countdown 2.1 or later. Make sure that you have the main module installed and configured before proceeding.
To install a profile open Joomla Extension Manager and select the zip file that you downloaded from this page. On successful installation new profile(s) will appear in the profiles selection list in module settings.
Five profiles are included in this package. All use "digital scoreboard" theme:
- Red LEDs - with sync action, i.e. old digit is dimmed and the new one appears simultaneously Scoreboard - red LEDs, count upDaysHoursMinutesSeconds
- Red LEDs - with chain action, i.e. old digit is dimmed first and then the new one appears
- The same as 1), but with green LEDs
- The same as 2), but with green LEDs
- Green LEDs - with slide action Scoreboard sliding - countdownHoursMinutesSeconds
A dark background is recommended for a better look for the modules using these profiles
Two animation styles included.
Growing images is a scalable image-based animation.
Current digit value grows larger than its frame size and vanishes. New digit grows from nothing to full-size.
Shrinking images is a scalable image-based animation.
Current digit value shrinks to zero size. New digit starts bigger that normal and shrinks to normal size becoming visible at the end of transition.
Dark and lignt themes are available. You can select one that looks better inside your Joomla template.
The movement direction depends on the active counter mode: for count-up the digits fold from bottom to top, for count-down they go from top to bottom. When the event time is reached the movement direction changes automatically.
The seconds low digit animation is faster than of the rest of the digits. You can customize digits size in module options (Scaling).
Two profiles included. The second one adds a slight image width change during transition, creating a distance-change effect.
This is a free sample animation profile - simulation of first-generation digital clocks. Download and install this profile before purchasing more profiles to be sure that it works for you. If you have a problem downloading / installing a profile - open a support ticket.
The rotation direction depends on he counter mode (countdown/count up).
As this profile is text-based you can customize CSS styles that are valid for text elements. You should use Digits Style(s) setting in module configuration unless you need different styles for some digits. For the latter you can define more scopes simply copying the existing one and edit it. This way it is possible to set different sizes and font options for some digits. The whole counter still remains scalable.
Flipping images is a scalable image-based animation.
It imitates flipping of whole digit image with a slight movement up or down (depends on current counter mode - down/up).