Wikiki / bulma-carousel

Display a carousel
MIT License
136 stars 99 forks source link

[INFO] v4 documentation in progress #66

Closed Wikiki closed 5 years ago

Wikiki commented 5 years ago

Hi,

I just released the v4 of the extension and still working on the documentation. Please be patient.

To wait you can instantiate Carousel using the following code (after importing bulma-carousel.min.css and bulma-carousel.min.js)

bulmaCarousel.attach('#slider', {
    initialSlide: 0,
  slidesToScroll: 1,
  slidesToShow: 1,

  navigation: true,
  navigationKeys: true,
  navigationSwipe: true,

  pagination: true,

  loop: false,
  infinite: false,

  effect: 'translate',
  duration: 300,
  timing: 'ease',

  autoplay: false,
  autoplaySpeed: 3000,
  pauseOnHover: true,
  breakpoints: [{
      changePoint: 480,
      slidesToShow: 1,
      slidesToScroll: 1
    },
    {
      changePoint: 640,
      slidesToShow: 2,
      slidesToScroll: 2
    },
    {
      changePoint: 768,
      slidesToShow: 3,
      slidesToScroll: 3
    }
  ]
  });
Wikiki commented 5 years ago

Documentation is now available at: https://demo.creativebulma.net/components/carousel/