const myWidget = cloudinary.galleryWidget({ "cloudName": "vakarthik", "mediaAssets": [{ "publicId": "Trichy/01122013_x100s_0011_web", "mediaType": "image" }, { "publicId": "Trichy/08092013_trichy_0001_web", "mediaType": "image" }, { "publicId": "Trichy/14012013_pongal_0153_web", "mediaType": "image" }, { "publicId": "Trichy/DSC_3582_web", "mediaType": "image" }, { "publicId": "Trichy/DSC_3982_web", "mediaType": "image" }, { "publicId": "Trichy/DSC_5033_web", "mediaType": "image" }, { "publicId": "Trichy/DSC_5435_web", "mediaType": "image" }, { "publicId": "Trichy/DSC_5489_web", "mediaType": "image" }, { "publicId": "Trichy/DSC_5559_web", "mediaType": "image" }, { "publicId": "Trichy/DSC_6427_web", "mediaType": "image" }, { "publicId": "Trichy/DSC_7803_web", "mediaType": "image" }, { "publicId": "Trichy/DSC_9101_web", "mediaType": "image" }], "aspectRatio": "4:3", "carouselLocation": "bottom", "carouselStyle": "indicators", "zoomProps": { "type": "popup", "trigger": "click" }, "container": "#my-gallery" }); myWidget.render();