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:
<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.
Show Posts
