Here is an example of what a script would look like:
var myGallery = cloudinary.galleryWidget({ container: "#my-gallery", cloudName: "demo", mediaAssets: [{ tag: "bag" }], carouselStyle: "thumbnails", // default value: included for clarity carouselLocation: "left", // default value: included for clarity viewportBreakpoints: [ //Override viewport breakpoints { breakpoint: 600, carouselStyle: "thumbnails", carouselLocation: "bottom" }, { breakpoint: 300, carouselStyle: "indicators", carouselLocation: "bottom", navigation: "always" } ] }); myGallery.render();
To use this code, select and copy the code to your clipboard, then paste it between script tags.
var myGallery2 = cloudinary.galleryWidget({ container: "#my-gallery2", cloudName: "demo", mediaAssets: [{ tag: "shirt" }], placeholderImage: false, imageBreakpoint: 200 }); myGallery2.render();