title: Flickity carousel slide number and length
body: <p>I'm using a Flickity carousel in my website and I found the piece of code (link below) that allows me to see the slide number and length. </p>
  
  <p><a href="https://codepen.io/desandro/pen/dpPzab" rel="nofollow noreferrer">https://codepen.io/desandro/pen/dpPzab</a></p>
  
  <p>After placing that in my website it didn't work and I get this message in the console "ReferenceError: Can't find variable: Flickity"</p>
  
  <p>Code:</p>
  
  <pre><code>window.onload = (function(){
  var $carousel = $('.carousel').flickity(); 
  var $carouselStatus = $('.carousel-status'); 
  var flkty = $carousel.data('flickity'); 
  function updateStatus() { 
    var cellNumber = flkty.selectedIndex + 1; 
    $carouselStatus.text( cellNumber + '/' + flkty.slides.length ); 
  } 
  updateStatus(); 
  $carousel.on( 'change.flickity', updateStatus );
  </code></pre>
  
  <p>Can you give me a hand? here you can find the page (still in progress) where I have the carrousel 
  <a href="https://crvlh.com/work/brand-identity-la-fete/" rel="nofollow noreferrer">https://crvlh.com/work/brand-identity-la-fete/</a></p>