Elementor - Custom external links for Image Carousel

elementor_carousel_custom_link.js

//---------------------------------------------------------------------------------
// Set custom links for your Elementor Carousel Image
// Usage:
//   o set the list of links (comma-separated) in the Custom URL
//   o add a new HTML widget in the page and copy the JS below
//   o (optional) you might copy the CSS as well
//
// Author: Guillaume GARCIA
// Date  : 1-feb-2021
//
//----------------------------------------------------------------------------------

</script>
// Set the right external link for the right image
const fixCarouselLinks = function() {
    let links = document.querySelectorAll('.swiper-wrapper .swiper-slide a[href]');
    
    const FULL_URLS = links[0].getAttribute('href').split(',');
    
    links.forEach(link => {
        let index = link.parentNode.getAttribute('data-swiper-slide-index');
        
        let externalLink = FULL_URLS[index] && FULL_URLS[index].split('/undefined');    // ELEMENTOR?!
        externalLink && link.setAttribute('href', externalLink);
    });
};

document.addEventListener('DOMContentLoaded', () => {
    setTimeout(fixCarouselLinks, 0);
});
</script>

<style>
figure.swiper-slide-inner > img {
    height: 150px;
    width: 150px;
    object-fit: contain;
}
</style>