Stack Overflow
Stack Overflow

Questions tagged [glidejs]

Glide.js is a dependency-free and extendable JavaScript ES6 slider and carousel.

Introduction

Glide.js is a dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast.

Advantages

  • Dependency-free - Everything on board, ready for action. Written in vanilla JavaScript without hidden dependencies.
  • Modular - Need a few selected modules? Remove unused modules and drop overall script weight even more.
  • Bundlers ready - Modern setup? Using Rollup or Webpack? We have your back.
  • Extendable - Need something more custom-made? Plug-in your own modules with additional functionalities.
84 questions
4
votes
1 answer

shinyglide conditional buttons not working on first screen

I'm developing a shiny app using the great shinyglide package to create a modal for the user to enter some information. The problem is that on the first screen I would need to create a conditional so that the user must enter a value in order to…
mari_ana
  • 123
  • 1
  • 8
4
votes
2 answers

How to put glide-arrows outside of glide-track

I`m trying to build a carousel/rondell with glide.js. I want the left and right arrows to be displayed outside of the glide-track. The carousel/rondell should be fully responsive. Here is a picture of how it should be. Can somebody help me with…
StudentCoder
  • 55
  • 1
  • 6
4
votes
2 answers

How to add slideWidth into a breakpoint in Glide.js

I have to set the slide width to a specific size if the viewport is between a range. breakpoints: { 767: { perView: 1, peek: 193, slideWidth: 277 }, 1023: { perView: 1, peek: 212, } } The documentation…
Absulit
  • 1,885
  • 1
  • 17
  • 17
4
votes
1 answer

Glide.js not responding

Hi i am currently building a cross platform app in cordova and have taken on the task of using Glide.js for an image slider i have followed its documentation word to word but am unable to understand why it is not working. For some reason it displays…
sidharth sikka
  • 41
  • 6
3
votes
1 answer

Glide.js with 2 slides per click

I have a slider made with glide.js. It works well, but I need to move to index 2 when I click the second glide-bullet and to index 4 when I click the third one. I've tried to change data-glide-dir="=1" by =2 and data-glide-dir="=2" by "=4" and it…
analuspi
  • 184
  • 1
  • 1
  • 10
3
votes
2 answers

how to center items in glidejs without change settings

As is seem image below, total item slot is 7, but source are dynamic and sometimes its 3 or 4.. How to centeralize these items properly using glidejs Source code preview: …
Baskent Mobil
  • 31
  • 1
3
votes
0 answers

Horizontal Scrollbar Controls Instead Of Bullet Controls For Glidejs

Does Glide allow for a horizontal scroll bar as the control UI for sliding through images? Right now I only see button controls, where each button maps to a slide. Just to be clear I am still definitely interested in swiping behavior of course. I'd…
robskrob
  • 2,720
  • 4
  • 31
  • 58
3
votes
1 answer

Glide JS data-glide-dir next is not being rendered correctly

I use Glide JS for a Slideshow that I built with ACF and Gutenberg Blocks. But there is an issue with the next button. The ">" does not get rendered correctly – and it destroyes the whole DOM. Is there an alternative for the "data-glide-dir" next…
blockundstift
  • 31
  • 2
3
votes
7 answers

How to get the current slide no in Glide.js

Hi how can I get the current slide no when I click next and previous button in GLide.js http://glide.jedrzejchalubek.com/docs.html#intro. var carousel = $('#Carousel').glide({ type: 'carousel', startAt: 1, …
Amila Iddamalgoda
  • 4,166
  • 11
  • 46
  • 85
2
votes
1 answer

Is it possible to use glidejs inside a vue component?

I would like to use glidejs inside a vuejs component, although I couldn't make it work so far. Is it possible to achieve this? Does vuejs support such a thing? my code: