This demo shows how Sirv automatically creates 360 spins, of any size, when you upload a set of 360 images.
Click the enlarge icon in the top right to experience the spin in full-screen.
This spin was photographed using the “Martini Spin” method, invented by Karl Martini, which shows both the X and Y axis in the same spin. It means the user can see all the way around the product, as well as over and under.
Transparent PNG spins
This spin uses 36 PNG-24 images with alpha transparency, allowing you to place any background behind the spin:
Easy to integrate
It’s easy to embed spins into your page, by copying just 2 lines of code. The first line fetches the sirv.js script:
The second line displays your 360 spin:
<div class="Sirv" data-src="https://sirv.sirv.com/Examples/drill/drill.spin"></div>
If you paste those 2 lines into your page, a spin will appear.
The code for each of your spins is shown in your Sirv account. The URL of each spin is predictable (according to your folder and file names), so your website can be entirely automated. Configure your template once and the appropriate spin will automatically show on each page of your site.
Spins can be embedded in your page at any size, including as responsive spins which perfectly fit the users screen no matter what size.
Images are optimized on-the-fly to suit the viewers device, so each user gets the most suitable images for fast loading.
The options for your spin are easy to customize. Change the speed, direction, autospin, infinite spin, interaction behavior, zoom, full-screen and more. Add watermarks, text, borders and make refinements to colour and whitespace.
Refer to the Sirv Spin documentation to learn more about integration.
For help with 360 spin, contact the team at Sirv.