judoSpin

<div class="image-rotation-box"></div>

<script>
  document.addEventListener('DOMContentLoaded', function() {
    judoSpin('.image-rotation-box', { 
      currImage: 35, 
      images: [
        { "src": "images/01.png", "title": "Image 01" },
        { "src": "images/02.png", "title": "Image 02" },
        { "src": "images/03.png", "title": "Image 03" },
        { "src": "images/04.png", "title": "Image 04" },
        { "src": "images/05.png", "title": "Image 05" },
        { "src": "images/06.png", "title": "Image 06" },
        { "src": "images/07.png", "title": "Image 07" },
        { "src": "images/08.png", "title": "Image 08" },
        { "src": "images/09.png", "title": "Image 09" },
        { "src": "images/10.png", "title": "Image 10" },
        { "src": "images/11.png", "title": "Image 11" },
        { "src": "images/12.png", "title": "Image 12" },
        { "src": "images/13.png", "title": "Image 13" },
        { "src": "images/14.png", "title": "Image 14" },
        { "src": "images/15.png", "title": "Image 15" },
        { "src": "images/16.png", "title": "Image 16" },
        { "src": "images/17.png", "title": "Image 17" },
        { "src": "images/18.png", "title": "Image 18" },
        { "src": "images/19.png", "title": "Image 19" },
        { "src": "images/20.png", "title": "Image 20" },
        { "src": "images/21.png", "title": "Image 21" },
        { "src": "images/22.png", "title": "Image 22" },
        { "src": "images/23.png", "title": "Image 23" },
        { "src": "images/24.png", "title": "Image 24" },
        { "src": "images/25.png", "title": "Image 25" },
        { "src": "images/26.png", "title": "Image 26" },
        { "src": "images/27.png", "title": "Image 27" },
        { "src": "images/28.png", "title": "Image 28" },
        { "src": "images/29.png", "title": "Image 29" },
        { "src": "images/30.png", "title": "Image 30" },
        { "src": "images/31.png", "title": "Image 31" },
        { "src": "images/32.png", "title": "Image 32" },
        { "src": "images/33.png", "title": "Image 33" },
        { "src": "images/34.png", "title": "Image 34" },
        { "src": "images/35.png", "title": "Image 35" },
        { "src": "images/36.png", "title": "Image 36" }
      ]
    });
  });
</script>

<script src="js/judo-spin.min.js"></script>