Author Topic: Hedgecode Rotator  (Read 3285 times)

admin

  • Administrator
  • Member
  • *****
  • Posts: 109
    • View Profile
Hedgecode Rotator
« on: 14:24:31, 07 Aug 2018 »
Hedgecode Rotator
(javascript plugin)

Short description:
Hedgecode Rotator is a multifunctional javascript plugin for display of rotational HTML objects based on jQuery library.

Functional features:
  • Ability to choose one of six types of objects rotation effects: slide, fade, bounce, drop, explode or puff;
  • Presence of visual controls for the rotation of objects: start, stop, next, previous, go to a specific object;
  • Ability to set time intervals for rotation of objects via the options parameter.
Current version: 0.2 (download)

See also: Hedgecode Javascript Development
« Last Edit: 23:41:04, 29 May 2019 by admin »

admin

  • Administrator
  • Member
  • *****
  • Posts: 109
    • View Profile
Re: Hedgecode Rotator
« Reply #1 on: 23:45:35, 29 May 2019 »
Hedgecode Rotator v.0.1 [14.12.2017]:

In initial release of the plugin implemented the following functional:
  • Ability to choose one of two types of objects rotation effects: slide or fade;
  • Presence of visual controls for the rotation of objects: start, stop, next, previous, go to a specific object;
  • Ability to set time intervals for rotation of objects via the options parameter.
Version: 0.1 (download)

admin

  • Administrator
  • Member
  • *****
  • Posts: 109
    • View Profile
Re: Hedgecode Rotator
« Reply #2 on: 23:53:27, 29 May 2019 »
Hedgecode Rotator v.0.2 [16.05.2019]:

Release included the following new features and fixes:
  • New objects rotation effects: bounce, drop, explode and puff (library jquery-ui.js is required for correct effects work);
  • New rotation mode mashup to display all possible effects (full functionality demonstration mode of the plugin);
  • Added the ability to disable the display of object controls for radio buttons (input parameter isCtrls) and for forward/backward arrows (input parameter isArrows);
  • Added the ability to select the location of object controls both inside and outside the rotation area (input parameter isInnerCtrls);
  • Fixed some visualization errors when rotating objects related to forced switching (overlay objects) and multiple pressing of radio buttons (waiting mode).
Version: 0.2 (download)

Usage:

To use the plugin in your HTML project you need to copy src/rotator.js, src/css/rotator.css and src/css/controls.png files to the appropriate directories of your project. After that choose a set of images for rotation and add the following code to the HTML page:

Code: html
      <head>
          <script src="js/jquery.js"></script>
          <script src="js/rotator.js"></script>
      </head>

      <body>
          <div id="rotator-box">
              <img src="img/image1.png">
              <img src="img/image2.png">
              ...
          </div>

          <script>
              $(function () {
                  $('#rotator-box').rotator({
                      autoplay: true,
                      effect: "slide",
                  });
              });
          </script>
      </body>
It should also be noted that the library jquery.js is required for the plugin to work, and for some specific effects the library jquery-ui.js will be also required. The above necessary libraries can be found in the directory examples/js/ of the plugin source code.