SpinMaster 360

.spinning-container { position: relative; width: 300px; /* Adjust size as needed */ height: 300px; /* Adjust size as needed */ overflow: hidden; } #product-image { position: absolute; top: 0; left: 0; transition: transform 0.5s ease; } .controls { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); } button { padding: 5px 10px; margin: 0 5px; background-color: #007bff; color: #fff; border: none; cursor: pointer; } let rotation = 0; function rotateLeft() { rotation -= 360 / numImages; // Change numImages to the total number of images document.getElementById('product-image').style.transform = `rotateY(${rotation}deg)`; } function rotateRight() { rotation += 360 / numImages; // Change numImages to the total number of images document.getElementById('product-image').style.transform = `rotateY(${rotation}deg)`; }