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
0
votes
1 answer

Height of parent should be 100% of childs height

I have a glide js carousel of which I want the slides to be 100% of the content height. Can't figure out why it's not working...

  • TITLE

    …
    Afplaktape
    • 13
    • 1
    • 6
    • 0
    votes
    0 answers

    Position context menu for elements inside glide.js

    How can I correctly position a context menu while using glide.js? I have two screens, and when I want the context menu to appear correctly next to the element I am clicking on in the second screen I have to offset by the window width. Is there a…
    Vlad
    • 3,058
    • 4
    • 25
    • 53
    0
    votes
    0 answers

    How to add users first name to templated responses in ServiceNow

    I've created various templates for ticket responses in ServiceNow, but I'd like to personalise these by including info such as the users first name. e.g. "Hi Joe, Have you tried the following..." I've tried adding the following into the Additional…
    Mark
    • 3
    • 1
    0
    votes
    1 answer

    I get the "default is not a constructor" error when trying to use `glidejs`

    I have the following code: import Glide from "@glidejs/glide"; const SectionSlider = () => { const UNIQUE_CLASS = "random_string" let MY_GLIDEJS = useMemo(() => { return new Glide(`.${UNIQUE_CLASS}`, { perView: itemPerRow, gap: 32, …
    dearn44
    • 3,198
    • 4
    • 30
    • 63
    0
    votes
    0 answers

    Hide glide slider until all images are loaded

    Now all images are dispayed during loading. I need to hide the other images (except the first one) until the slider is loaded. Ho can I hide slides before glide initialization?
    Jan Pavelka
    • 3
    • 1
    • 3
    0
    votes
    0 answers

    Tabbing breaks slider if slides have links using glide.js

    I have a slider built with Glide.js that has 6 slides, all with links. It needs to be tabbable for our keyboard users, but so far it's not working. If the user tabs through the page, it stops on every photo and then jumps to the first bullet…
    Cristen Roberts Hewett
    • 1
    • 2
    0
    votes
    0 answers

    How can I display mutiple slides using glide js in a for each loop?

    I am trying to create a slideshow of the data that is pulled from a wordpress site using glide js and a for each loop. This is what I tried:
    Louis Castillo
    • 31
    • 2
    0
    votes
    0 answers

    Jest Test is failing with the GlideJS - Cannot read property 'querySelector' of undefined

    I had make a slider with GlideJS. This widget is working fine. But when I am writing the jest test. My Test is failing, it's saying TypeError: Cannot read property 'querySelector' of undefined. Here is the complete error while I am playing the test…
    Arslan Ali
    • 408
    • 1
    • 6
    • 16
    0
    votes
    0 answers

    Glide JS: Weird Behaviour when using 'carousel' option glide__track has the wrong length

    I am creating a slider with Glide.js as a WordPress Gutenberg Block. Everything works fine when I use the 'slider Option. However, when I use the 'carousel' options it breaks. It shows more then the configured slides per view. When I inspect the…
    Eingenetzt
    • 71
    • 1
    • 6
    0
    votes
    0 answers

    How can i get the index of the previous slide?

    How can i get the index of the previous slide? I am using the following code: var glide = new Glide('.glide', {}) var prevIndex = null glide.on('run.before', () => { prevIndex = glide.index }) glide.mount() Is there an easier way to get the…
    Alx Vlx
    • 1
    • 1
    0
    votes
    0 answers

    Autoplay feature of Glide.js does not work

    I'm trying to use the autoplay option from glide.js, but I can't make it work. I really don't know what I am doing wrong here. Can someone help me? Html:

    Nossos Clientes

    Matheus Ferreira
    • 13
    • 3
    0
    votes
    0 answers

    how to use glide.js carousel with popup modal?

    I'm trying to create a carousel that when clicked will open a popup modal containing another carousel (bigger resolution) using glide.js. so I'm trying to build a simple model first, which is a button to open a popup modal containing the big…
    dapidmini
    • 1,490
    • 2
    • 23
    • 46
    0
    votes
    0 answers

    Glide.js script only working inside the console

    I am using Glide.js to display sliders on my website. To display one slide, I am using the following code: document.querySelector(".resources-carousel") && ((resourcesCarousel = new Glide(".resources-carousel", { type: "slider", perView: 4, …
    threeedv
    • 59
    • 5
    0
    votes
    1 answer

    Only use glide.js carousel on mobile screen size

    I am Using the Glide js library for the carousel, which I went through the document https://glidejs.com/ and it's working fine. But the scenario I am trying to achieve is the carousel should not work on desktop view and it should only work on mobile…
    Script Host
    • 911
    • 1
    • 11
    • 22
    0
    votes
    2 answers

    Why doesn't Glide.js work properly when used with a Bootstrap 4 modal?

    I'm using Glide.js and a Bootstrap 4 modal on my team page to display the bio of the team member that was clicked on. This is accomplished by using getAttribute for the team member clicked on and using that as the startAt: index for glide. This code…
    Fettabachi
    • 79
    • 6
    1 2 3
    4
    5 6