carousel transition

[samuel-rosa]

How can the carousel transition time be set? Is there any parameter for that purpose?

[ryanfox1985]

Thanks for the proposal, it can be a good idea.

You are welcome to contribute this repository.

[jcolomb]

It is probably in the css file, isn't it?

[GeorgeWL]

not 100% sure, I've forgotten whether it's pure css or if there's some JavaScript that sets that transition period.

Open Source, so feel free to Pull Request and we'll review it and add it to the repo.

We're using OwlCarousel2 https://owlcarousel2.github.io/OwlCarousel2/docs/started-welcome.html

[jcolomb]

I think this is set in the front.js file under autoplay variables.
I do not know if it would be possible to make it easy to modify ?

I added loop: true, and one can change the autoplay value.

function sliderHomepage () {
  if ($('#slider').length) {
    // var owl = $('#slider')

    $('#slider').owlCarousel({
      autoPlay: 3000,
      loop: true,
      items: 4,
      itemsDesktopSmall: [900, 3],
      itemsTablet: [600, 3],
      itemsMobile: [500, 2]
    })
  }
}

[GeorgeWL]

Look at Hugo's Custom Output feature.

That should solve it.

[ryanfox1985]

I think this is set in the front.js file under autoplay variables.
I do not know if it would be possible to make it easy to modify ?

I added loop: true, and one can change the autoplay value.

function sliderHomepage () {
  if ($('#slider').length) {
    // var owl = $('#slider')

    $('#slider').owlCarousel({
      autoPlay: 3000,
      loop: true,
      items: 4,
      itemsDesktopSmall: [900, 3],
      itemsTablet: [600, 3],
      itemsMobile: [500, 2]
    })
  }
}

as he said you can override the js applying another transition time.