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:

View source code

Spin, enlarge & video

This demo shows a Sirv 360 spin, a YouTube video and 6 zoomable images with zoom configured to the right.

View source code

Spin, magnifier zoom & video

This demo shows a Sirv 360 spin, a YouTube video and 6 images with Sirv magnifier zoom:

View source code

Spin & deep zoom

This demo shows a Sirv 360 spin and 6 zoomable images with Sirv deep zoom:

View source code 
<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>

<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>

<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>

<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>