Cuando trato de integrar el widget de la galería de productos usando JS simple, hace que toda la página y el navegador se congelen. Acabamos de implementar nuestra aplicación y todos nuestros recursos de imágenes utilizan el servicio Cloudinary.

Intenté leer su documentación y parece funcionar en sus plataformas, pero falla cuando ejecuto el código en mi máquina local o cuando el código implementado se ejecuta en el archivo de mi sitio web.

Aquí está el código utilizado [el nombre de la nube se reemplazó con fines de demostración]

 <div id="gallery_div" style="max-width:90%;margin:auto"></div>

 var myGallery = cloudinary.galleryWidget({ container: "#gallery_div", cloudName: "myCloudNameHere", mediaAssets: [{ tag: "item_id_8" }], carouselStyle: "thumbnails", // default value: included for clarity carouselLocation: "left", // default value: included for clarity viewportBreakpoints: [ { breakpoint: 600, carouselStyle: "thumbnails", carouselLocation: "bottom" }, { breakpoint: 300, carouselStyle: "indicators", carouselLocation: "bottom", navigation: "always" } ] }); myGallery.render();