Smart Timer And Counter: LED Skins Addon

Smart Timer And Counter: LED Skins Addon
Buy on CodeCanyon for $8

Extended license price: $40.00

This plugin has been purchased 23 times so far.

Plugin released on:
January 5, 2014

Plugin last updated on:
August 24, 2017

Tags: 7 segments, addon, bars, countdown, counter, css, dot matrix, effects, jquery, led, matrix, skins, timer, transition

Changelog

Version 2.0 / 2015.01.15.

  • Added: Requires Smart Timer and Counter 3.0
  • Added: Skins support for Numbers Module
  • Added: Styling support for comma divider
  • Updated: Some default values changed
  • Updated: Removed useless constructor calls
  • Fixed: Some overlap calls for extended skins

Version 1.1 / 2014.01.28.

  • Added: Requires Smart Timer and Counter 2.5
  • Updated: Improvements related to latest version of main plugin
  • Updated: Removed some methods now available in the core
  • Fixed: Small issues with matrix skins initialization

Version 1.0 / 2014.01.04.

  • First release

This is NOT standalone plugin, it is an addon for Smart Timer And Counter plugin, and this addon can’t be used on it’s own. This addon adds 4 more skins for: Smart Timer And Counter and you need to purchase this main plugin first. Addon instructions and documentation includes information about using the Skins addon with main plugin.

Addon Information

Smart Timer And Counter: LED Skins Addon is collection of 4 skins for Smart Timer And Counter plugin. It will add 4 skins that are created to look like common LED displays using segments and dots. You can set any color or size (with some limitations) for each skin, use several effects to create endless visual variations for your counter or timer projects.

To use this Skins addon, you need Smart Timer And Counter plugin. Skins addon files are loaded with Smart Timer And Counter plugin files, and you can set up your counters to use new skins. Addon package contains demo files showing how the skins are loaded, how you can set them up and use with main Counter plugin. Special effects like transition or skew are implemented using CSS3 and in older browsers it will not work.

Plugin is tested with current Android (with 2.3.5, 4.0.2 and 4.1.2) browsers, iPhone and iPad Safari and Chrome (with iOS7), all modern desktop browsers (IE9 and IE10 will not show some of the styling). It requires JavaScript and jQuery support to work.

Skin: 7 Segments

Skin: 7 Segments
This is classic 7 Segment LED display, and it supports different sizes (weight from 2 to 20 pixels) with custom width and height for segments, custom colors, transitions and skew effect by any degree. Border radius settings are not supported for this skin.

Skin: 7 Bars

Skin: 7 Bars
This is modified version of 7 Segment LED display, and it supports different sizes (any weight value) with custom width and height for segments, custom colors, border radius for segments, transitions and skew effect by any degree.

Skin: Dot Matrix 3×5

Skin: Dot Matrix 3x5
This skin creates matrix with 3×5 dots for each number. You can customize size (any dot weight value), custom colors, border radius for dots, transitions and skew effect by any degree.

Skin: Dot Matrix 5×7

Skin: Dot Matrix 5x7
This skin creates matrix with 5×7 dots for each number. You can customize size (any dot weight value), custom colors, border radius for dots, transitions and skew effect by any degree.

Special Effects

  • Animate number changes using CSS3 transitions with custom transition time.
  • Set custom value to border radius for segments and dots.
  • Set custom degree to CSS3 transform filter skewX for every number.

Addon Requirements

  • jQuery 1.7 or newer
  • Smart Timer And Counter 2.1 or newer

Changelog

Version 2.0 / 2015.01.15.

  • Added: Requires Smart Timer and Counter 3.0
  • Added: Skins support for Numbers Module
  • Added: Styling support for comma divider
  • Updated: Some default values changed
  • Updated: Removed useless constructor calls
  • Fixed: Some overlap calls for extended skins

Version 1.1 / 2014.01.28.

  • Added: Requires Smart Timer and Counter 2.5
  • Updated: Improvements related to latest version of main plugin
  • Updated: Removed some methods now available in the core
  • Fixed: Small issues with matrix skins initialization

Version 1.0 / 2014.01.04.

  • First release