Questions tagged [splidejs]

Splide is a lightweight, powerful and flexible slider and carousel, written in pure JavaScript without any dependencies.

Website | Github | Documentation

100 questions
5
votes
1 answer

Splidejs on drag select index

State: splidejs component with 24 slides, only 3 slides appear to user, focus: 'center' Problem: After user drag slides, property index (of selected slide) still indicates to old invisible slide. Question: How change selected index of visible slide…
unde08
  • 133
  • 1
  • 4
4
votes
3 answers

Responsive breakpoints not working for Splide js slider

I am implementing a carousel slider with Splide js. When I resize the browser to 767, the responsive breakpoint settings don't work. It only shows the breakpoint settings for 1024 on all screens including tablet and mobile. Here is my…
Samiul Lesum
  • 238
  • 3
  • 10
3
votes
2 answers

How to fix: [splide] A track/list element is missing

im following this guide to create thumbnail carousel but for some reason im getting error. In the guide they didnt say how to create #main-carousel so i try few different ways but still cant make it work [splide] A track/list element is missing any…
bobi
  • 169
  • 2
  • 16
3
votes
0 answers

Nuxt - Node.appendChild: Cannot add children to a Comment

When deploying my Nuxt app in production mode to Firebase I get the following error whenever I attempt to navigate to any page other than the homepage: Node.appendChild: Cannot add children to a Comment I've found that when I comment my home-slider…
Danyx
  • 574
  • 7
  • 34
3
votes
2 answers

Why is vue-splide not working with Nuxt2?

I'm trying to add Vue-Splide to my Nuxt project, after following the Vue-Splide documentation to install the plugin, and registering it as a Nuxt plugin I get the error Cannot use import statement outside a module. nuxt.config.js buildDir:…
Danyx
  • 574
  • 7
  • 34
2
votes
4 answers

HTML/SCSS Align images flush above a text

I use splidejs to create a slider for image and text content. The size of the sliderList (ul) is based on the largest list item (sliderItem --> li). Each SliderItem consists of a wrapper (item-wrapper), which contains an image and a text. Both the…
Alex
  • 132
  • 1
  • 4
  • 21
2
votes
1 answer

How change autoscroll direction to ltr in splide js?

I use splide js slider, and use autoscroll exstension. But I can't find a solution to change direction from (default: right to left), to (left to right). i try this