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();