Bulma: [Feature Request]: Add a Carousel/Slideshow Component to Bulma 0.4.X

Created on 1 Jun 2017 · 6Comments · Source: jgthms/bulma

Overview of the problem

This is about the Bulma CSS framework

I'm using Bulma version [0.4.2]
My browser is: firefox

Description

It would be nice to have a carousel component to use for image sliders

Bulma Carousel Example

<div class="slides">
  <ol class="slide-indicators">
    <li class="is-active"></li>
    <li></li>
    <li></li>
  </ol>
  <div class="slide-item is-active">
    <img class="slide-image" src="..." alt="Slide 1">
    <p class="slide-caption">Slide 1</p>
  </div>
  <div class="slide-item">
    <img class="slide-image" src="..." alt="Slide 2">
    <p class="slide-caption">Slide 2</p>
  </div>
  <div class="slide-item">
    <img class="slide-image" src="..." alt="Slide 3">
    <p class="slide-caption">Slide 3</p>
  </div>
  <div class="slide-controls">
    <p class="icon slide-prev is-large">
      <i class="fa fa-chevron-left"></i>
    </p>
    <p class="icon slide-next is-large">
      <i class="fa fa-chevron-right"></i>
    </p>
  </div>
</div>

Source

thecodechef

👍7

Most helpful comment

Sorry @thecodechef for my previous reply. I realise it was quite abrupt.

To answer more thoroughly why I don't think it's a good addition to Bulma, is that for a carousel to work well, it needs perfect interaction, which will define the markup (and not the other way around).

Also, most carousels update the DOM with JavaScript, so the initial markup is only there as an API for the plugin.

I recommend Flickity in any case.

jgthms on 3 Aug 2017

👍5 ❤1

All 6 comments

It would require JavaScript, which Bulma doesn't provide.

jgthms on 4 Jun 2017

Actually all i was talking about was adding the css only. but ok thanks for letting me know

thecodechef on 4 Jun 2017

👍2

Multiple components in Bulma require JS, such as header. Carousel would definitely be a great feature to have.

alex996 on 2 Aug 2017

Problem with this I think is that in order for it to look 'right' it would need JS. Otherwise you'll just have a list of images. Also, there isn't really that much to style with a carousel in my opinion.

_Sent from my Htc HTC 10 using FastHub_