Remote Slider Demo
Edit config JSON and mount the slider.
Config JSON:
{ "slidesUrl": "https://example.com/cloudinary-slides.json", "resourcePath": { "image": "https://res.cloudinary.com/demo/image/upload/", "video": "https://res.cloudinary.com/demo/video/upload/" }, "transformations": { "image": "c_fit,w_800/", "gif": "c_fit,w_800/", "video": "c_fit,w_800/", "thumbnail": "c_fill,w_160,h_160/" }, "thumbnails": { "breakpoint": 768, "desktop": { "enabled": true, "direction": "vertical" }, "mobile": { "enabled": false } }, "desktopCrop": { "width": "800px", "height": "600px" }, "mobileCrop": { "width": "100%", "height": "400px" }, "imageProps": { "objectFit": "cover", "lazyLoad": true }, "videoProps": { "autoplay": true, "muted": true, "loop": true, "playsInline": true } }
Mount
Remount
Unmount