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',
    mediaAssets: [{
      tag: "glasses",
      transformation: 
      {crop:"fill",
      overlay: "samples:cloudinary-icon", 
      width: 100, 
      crop: "scale"}}
    }, {
      tag: "glasses",
      mediaType: "video",
      transformation: 
      {crop:"fill"},
    }, 
    {tag: "glasses", 
    mediaType: "3d",
    transformation: {crop:"fill",}}]
  }).render();

</script>