JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://unpkg.com/[email protected]/release/spritespin.js"></script>
<div id="demo"></div>
<button>NEXT</button>

JavaScript

$("#demo").spritespin({
  // path to the source images.
  source: [
   'http://spritespin.ginie.eu/images/rad_zoom_001.jpg',
      'http://spritespin.ginie.eu/images/rad_zoom_006.jpg',
      'http://spritespin.ginie.eu/images/rad_zoom_012.jpg',
      'http://spritespin.ginie.eu/images/rad_zoom_018.jpg',
      'http://spritespin.ginie.eu/images/rad_zoom_024.jpg',
      'http://spritespin.ginie.eu/images/rad_zoom_030.jpg',
  ],
  width   : 480,  // width in pixels of the window/frame
  height  : 327,  // height in pixels of the window/frame
});



$("button").click(function() {
	$("#demo").spritespin("api").nextFrame();
})