JSFiddle - React, Tailwind, and code Playground

by Sergey khorev

HTML

<script src="https://cdn.jsdelivr.net/npm/@mladenilic/threesixty.js/dist/threesixty.js">
</script>


<style type="text/css">
  @import url('https://fonts.googleapis.com/css?family=Open+Sans');
  .wrapper {
    font-family: 'Open Sans', sans;
    text-align: center;
    color: #444;
  }
</style>

<div class="wrapper">
  <div class="image" id="threesixty"></div>
</div>

CSS

width: ;
height: ;

JavaScript

var threesixty = new ThreeSixty(document.getElementById('threesixty'), {
    image: 'https://skb44.ru/upload/test/0-180-mob.jpg',
    count: 180,
    perRow: 8,
    speed: 60,
    width: 800,
    height: 640,
    prev: document.getElementById('prev'),
    next: document.getElementById('next')
  });

  // Play/Stop rotation
  threesixty.play();