CodeCanyon
CodeCanyon
Code
Code
Code
Code
Code
Code

Smart Timer and Counter: LED Skins Addon

Smart Timer and Counter: LED Skins Addon


This is NOT standalone plugin and it can’t be used on it’s own. This is an addon for Smart Timer And Counter plugin for jQuery, and it is also available on CodeCanyon here: \\Smart Timer And Counter\\ You need to purchase and install this main plugin first. Do not attempt to use this addon on its own, it will not work.

Support ForumsFollow on TwitterFollow on EnvatoSubscribe to Newsletter

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 4.4, 5.1 and 6.0) browsers, iPhone and iPad Safari and Chrome (with iOS 7, 8, 9), all modern desktop browsers (IE8 and IE9 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 3.5 or newer

Changelog

Version 2.2 / 2017.08.23.

  • Updated: Support for the AM/PM badge for Clock mode
  • Updated: Works with jQuery 3, tested with jQuery 3.2.1

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

Plugin WebsitePlugin ChangelogFollow on EnvatoAsk any Question

by
by
by
by
by
by