Show every detail from any angle
Engage your customers with a stunning 360 view of your products
36 images, autoplay (desktop only), bottom 360 view circle, arrow keys support (desktop only), magnifier (desktop only), inner box shadow
More examples
A simple, interactive resource that can be used to provide a virtual tour of your product.
72 images
36 images, customize icons
36 images, full screen
36 images, magnifier (desktop only)
36 images, bottom 360 view circle, wheel zoom, pinch zoom
36 images, bottom 360 view circle, box-shadow
36 images, bottom 360 view circle, scroll to start zoom
36 images, bottom 360 view circle, controls
36 images, bottom 360 view circle, controls, stop at edges
36 images, bottom 360 view circle, controls, disable drag
72 images, bottom 360 view circle, autoplay
36 images, bottom 360 view circle, autoplay , play once
36 images, bottom 360 view circle, autoplay, autoplay reverse
72 images, bottom 360 view circle, autoplay, autoplay once
36 images, bottom 360 view circle, autoplay, offset 10 images
36 images, bottom 360 view circle, autoplay, autoplay reverse, autoplay once
Ready to get started?
Include the following script into your project after all content in body tag
<script src="https://cdn.scaleflex.it/plugins/js-cloudimage-360-view/2.7.12/js-cloudimage-360-view.min.js"></script>
Configure 360 view component with class="cloudimage-360", folder path, filename, and amount of images
<div
class="cloudimage-360"
data-folder="https://cdn.scaleflex.it/demo/360-car/"
data-filename="iris-{index}.jpeg"
data-amount="36"
></div>…and you're done! Visit the full documentation here.
Any questions?
Contact us at hello@cloudimage.io, our experts will be happy to help!