jQuery Bend example1

by eRIZ

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="https://rawgithub.com/er1z/jquery-bend-gauge/master/jquery.bend-gauge.js"></script>
<div id="control"></div>
<a href="#" class="stack">rotate and flash</a>

CSS

body {
    background: #333;
}
a {
    color:#FFF
}
#control {
    width: 200px;
    height: 200px;
}

JavaScript

var control = $('#control').bendGauge();

control.bendGauge('set', [1,3,5,6]);

$('a').click(function (e) {
    e.preventDefault();
});

$('.stack').click(function () {
    control.bendGauge('rotate', 3).bendGauge('flash', 2);
});