moving images round using jquery

<div class="gallery" > 
  <ul>
<li><img src="jew1.jpg" alt="Test Image 1" width="320px" height="320px"  /> </li>
<li><img src="jew2.jpg" alt="Test Image 1" width="320px" height="320px" /> </li>
<li><img src="k1.jpg" alt="Test Image 1" width="320px" height="320px"  /> </li>
<li><img src="kid1.jpg" alt="Test Image 1" width="320px" height="320px"  /> </li>
<li><img src="lap1.jpg" alt="Test Image 1" width="320px" height="320px"  /> </li>
<li><img src="n1.jpg" alt="Test Image 1" width="320px" height="320px"  /> </li>
   </ul>
</div>

$(document).ready(function() {
    
    $("ul").roundabout({
        shape: 'waterWheel'
    });
 });

$(document).ready(function() {
$('ul').roundabout({
        shape: 'lazySusan'
    });
});