Combine 360 spin, image zoom and video
Sirv can combine all kinds of images, to showcase your products in style.
Images are so highly optimized that your spins and zooms load extremely fast, allowing you to show an unlimited number of high-resolution images. Studies into sales conversion found that a wider range of product images, at higher quality, lead directly to higher conversions. Try some possible configurations below.
The demos below are powered by Sirv Media Viewer:
Spin, video & zoom
This demo shows a Sirv 360 spin, a YouTube video and 6 zoomable images with Sirv Inner Zoom:
<script src="https://scripts.sirv.com/sirvjs/v3/sirv.js"></script> <div class="Sirv"> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo.spin"></div> <div data-src="https://www.youtube.com/embed/IBdjw5z_hxM" data-type="video"></div> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo-9.jpg" data-type="zoom"></div> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo-2.jpg" data-type="zoom"></div> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo-3.jpg" data-type="zoom"></div> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo-6.png" data-type="zoom"></div> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo-8.jpg" data-type="zoom"></div> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo-1.png" data-type="zoom"></div> </div>
Spin, enlarge & video
This demo shows a Sirv 360 spin, a YouTube video and 6 zoomable images with zoom configured to the right.
<script src="https://scripts.sirv.com/sirvjs/v3/sirv.js"></script> <div class="Sirv" data-options="zoom.mode:right"> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo.spin"></div> <div data-src="https://www.youtube.com/embed/IBdjw5z_hxM" data-type="video"></div> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo-9.jpg" data-type="zoom"></div> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo-2.jpg" data-type="zoom"></div> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo-3.jpg" data-type="zoom"></div> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo-6.png" data-type="zoom"></div> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo-8.jpg" data-type="zoom"></div> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo-1.png" data-type="zoom"></div> </div>
Spin, magnifier zoom & video
This demo shows a Sirv 360 spin, a YouTube video and 6 images with Sirv magnifier zoom:
<script src="https://scripts.sirv.com/sirvjs/v3/sirv.js"></script> <div class="Sirv" data-options="zoom.mode:magnifier"> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo.spin"></div> <div data-src="https://www.youtube.com/embed/IBdjw5z_hxM" data-type="video"></div> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo-9.jpg" data-type="zoom"></div> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo-2.jpg" data-type="zoom"></div> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo-3.jpg" data-type="zoom"></div> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo-6.png" data-type="zoom"></div> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo-8.jpg" data-type="zoom"></div> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo-1.png" data-type="zoom"></div> </div>
Spin & deep zoom
This demo shows a Sirv 360 spin and 6 zoomable images with Sirv deep zoom:
<script src="https://scripts.sirv.com/sirvjs/v3/sirv.js"></script> <div class="Sirv" data-options="zoom.mode:deep"> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo.spin"></div> <div data-src="https://www.youtube.com/embed/IBdjw5z_hxM" data-type="video"></div> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo-9.jpg" data-type="zoom"></div> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo-2.jpg" data-type="zoom"></div> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo-3.jpg" data-type="zoom"></div> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo-6.png" data-type="zoom"></div> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo-8.jpg" data-type="zoom"></div> <div data-src="https://demo.sirv.com/spins/test123/Duplo/duplo-zoo-1.png" data-type="zoom"></div> </div>
