SpriteSpin API Example

Shows how to use the SpriteSpin API object

HTML

<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<script src="http://spritespin.ginie.eu/spritespin.js"></script>
<a href="#" class="button js-zoom">Toggle Zoom</a>
<div class='spritespin'></div>

JavaScript

$('.spritespin').spritespin({
    source: 'http://spritespin.ginie.eu/images/panorama.jpg',
    width: 600,
    height: 300,
    module: 'panorama',
    loop: true
});

$(".spritespin").mouseup(function() {
    //alert( "Handler for .mouseup() called." );
    var spin = $('.spritespin');
    var api = spin.spritespin("api");
    //console.log("Playing = "+api.);
    api.toggleAnimation();
});