Jigsaw puzzle game - Puzzle pieces put into carousel slider?
<p>I am making a jigsaw puzzle game.</p>

<p>I have done:</p>

<ul>
<li>make image into puzzle pieces.  </li>
<li>puzzle pieces interlocking working fine.  </li>
<li>puzzle pieces rotate on mouse wheel.  </li>
<li>on click to move puzzle piece working fine.  </li>
</ul>

<p>What I have to do:</p>

<ul>
<li>when puzzle created then make one carousel slider like <a href="https://jsfiddle.net/m1erickson/wvdd7b31/" rel="nofollow noreferrer">this</a> but it's not exactly what want just for hint. </li>
<li>I made a JS fiddle <a href="https://jsfiddle.net/hgkubavat08/0L8o1oLr/" rel="nofollow noreferrer">example</a>, but I got an error of <code>self.gadgets is undefined</code> in console, this is just for your demonstration you see my above working project.</li>
</ul>

<p>I have to do like below images</p>

<p><a href="https://i.stack.imgur.com/owVYn.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/owVYn.jpg" alt="Screen shot Image"></a></p>