I have one Flickity carousel on a page. Further down the page I need another but the 2nd carousel is completely broken. The content of the view appears but it's not a Flickity carousel.
I required at least 3 carousels on the home page.
Active
2.2
Miscellaneous
Not all content is available!
It's likely this issue predates Contrib.social: some issue and comment data are missing.
Use this javascript code
if(document.querySelector('.name-field-smedia')){
let sliders = document.querySelectorAll('.name-field-smedia');
for (var i = 0; i < sliders.length; i++) {
let slider = new Flickity(sliders[i], {
wrapAround: true,
pageDots: false,
imagesLoaded: true
});
}
}