Плагин поворота на 360 градусов с пользовательским управлением

HTML разметка

      
        <div class="threesixty product2">
          <div class="spinner">
            <span>0%</span>
          </div>
          <ol class="threesixty_images"></ol>
        </div>
      
    

Javascript

      window.onload = init;

      var product;
      function init(){

        product2 = $('.product2').ThreeSixty({
        totalFrames: 36,
        endFrame: 72,
        currentFrame: 1,
        imgList: '.threesixty_images',
        progress: '.spinner',
        imagePath:'assets/product2/',
        filePrefix: 'shoe-360-',
        ext: '.jpg',
        height: 381,
        width: 400
      });

      $('.custom_previous').bind('click', function(e) {
        product2.previous();
      });

      $('.custom_next').bind('click', function(e) {
        product2.next();
      });

      $('.custom_play').bind('click', function(e) {
        product2.play();
      });

      $('.custom_stop').bind('click', function(e) {
        product2.stop();
      });

      }