Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Flickity-fade slider not working after following the installation docs from github; flickity just run like the regular slider

I'm following this flickity slide fade docs FlickityFade Installation

Here is the css cdn package

<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
<link rel="stylesheet" href="https://unpkg.com/flickity-fade@2/flickity-fade.css">

Here is the carousel html and the script set up

<div class="testimonial-carousel">
     ....carousels div....
</div>

<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
<script src="https://unpkg.com/flickity-fade@2/flickity-fade.js"></script>
<script>
    $('.testimonial-carousel').flickity({
        // options
        fade: true,
        cellAlign: 'left',
        contain: true,
        prevNextButtons: false
    });
</script>

i don't figure out why this slide fade not working, only run in the dom like i am using normal flickity package but, it shown error like link below

Error screenshot from my console log

like image 494
billy ponto Avatar asked Jan 26 '26 11:01

billy ponto


1 Answers

Found the solution here Flickity issues

like image 151
billy ponto Avatar answered Jan 28 '26 00:01

billy ponto



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!