Product Gallery Example - Glasses

An example of images, video and 3D Model with Cloudinary's Product Gallery.

by sambrace

HTML

<script type="text/javascript" src="https://product-gallery.cloudinary.com/all.js"></script>

<div class="wrap" id="wrap"></div>

<script>
  cloudinary.galleryWidget({
        container: '#wrap',
        cloudName: 'sambrace',
        displayProps: {
          mode: "expanded"
        },
        mediaAssets: [{
            tag: "glasses",
            transformation: {
              crop: "fill",
            },
          },{
            tag: "glasses",
            mediaType: "video",
            transformation: {
              crop: "fill",
          },
          {
            tag: "glasses",
            mediaType: "3d"}
        }).render();

</script>