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

How do I get access to the component Sizes in 'build.after' [Glide.js v 3.1.0]

Not sure how I should use components. I'm not using a modular build. import Glide from '@glidejs/glide' var glide = new Glide('.glide') glide.on('build.after', function() { // How do I access the component Sizes and the property slideWidth…
user6833062
  • 51
  • 4
2
votes
1 answer

Using glide.js .refresh api

Background: I am having an issue where I have an instance of a glide.js slide show inside a easytabs.js instance. When the window size changes, the css media queries are not kicking in properly for the glide.js instance. It appears this is happened…
joshofsorts
  • 59
  • 6
1
vote
1 answer

Uncaught ReferenceError: Glide is not defined - Although Glide loaded in app.js like all others

In a Laravel 9 project I am loading Glide.js via my app.js file: import "./bootstrap"; import flatpickr from "flatpickr"; import Alpine from "alpinejs"; import Glide from "@glidejs/glide"; window.Alpine = Alpine; window.flatpickr =…
prevailrob
  • 275
  • 3
  • 11
1
vote
1 answer

Shinyglide jumping back to previous screen when next_condition is set

I have a shiny app in which a datatable is displayed and upon a click on a row, a modalDialog opens in which I embedded a glide from shinyglide. This worked fine until I introduced a next_condition to the second screen. Now whenever the first box is…
king_of_limes
  • 359
  • 1
  • 11
1
vote
0 answers

Why the next_condition parameter in shinyglide::screenOutput() function doesn't work the first time the screen is rendered?

Questions Why when I click the "Next" button and then return to the first screen using the "Back" button, the condition works and I can't go forward until I click in at least one option, but the first time it does not work that way? Are there any…
retlaw
  • 39
  • 2
  • 8
1
vote
1 answer

Align first and last item in a glidejs individually

I am using glidejs for some slideshows on a webpage and I love it. Now I want to slide some content. The first element should be aligned left, the last aligned right and all other elements aligned centered. I got some good results with focusAt for…
Dennis Bohn
  • 121
  • 1
  • 5
1
vote
0 answers

Glide.js doesn't load images when it goes from first to last index

I'm using Glide.js and I have 3 slides per view. When I'm on the last index and should be seeing the first and the second index, the images of the first and second won't load until I click. So I'm standing on the first index, but then the last index…
Johan
  • 11
  • 2
1
vote
0 answers

JavaScript (glide.js) - Laravel Mix "type=module" needed and why?

I am using a Laravel application and Laravel Mix for asset building. I was trying to use Glide.js this evening and did the following after installing glide.js via npm. Within my resources/js/app.js file I have this…
Torben
  • 5,388
  • 12
  • 46
  • 78
1
vote
1 answer

The first slide in GlideJS is flashing

When changing slides in the slider with some periodicity, the first slide flashes when changing from the first to the last slide. The bug only appears in Chrome. I noticed that if you minimize the browser window and then maximize, then the bug…
DepressingUtopian
  • 41
  • 3
1
vote
1 answer

Glide slide breakpoints has no effect

I built several slides in the same page with Glidejs: import Glide, { Controls, Autoplay, Keyboard } from '@glidejs/glide/dist/glide.modular.esm'; let slides = document.getElementsByClassName('g-related'); for (const c of slides) { let gid = '#'…
aitor
  • 2,281
  • 3
  • 22
  • 44
1
vote
1 answer

Glidejs with Wordpress

I want to use Glide.JS for my Wordpresse Site. I read the doc and i have transposit the explication for WP. https://glidejs.com/docs/setup/ I have installed with "npm" in my theme folder and i have writing code in my fonction.php folder : My code…
d3LTa7
  • 51
  • 7
1
vote
1 answer

Glide.js slider not pausing on last slide

What i am trying to achieve, is a basic slideshow that starts, gets to the last slide and stops. I am using Glide.js as it is so small and is really awesome however, with the below code it does not actually pause and the slide spins round back to…
m33bo
  • 1,334
  • 1
  • 17
  • 34
1
vote
0 answers

How to make make carousel card to to being as tall as the tallest card

I am using the glidejs to make this carousel. I can't figure out how to make the cards have the same height as the tallest one and being responsive at the same time. (See below) I have tried to set the .glide__slides to have height: 35vh and make…
Blue
  • 385
  • 3
  • 11
1
vote
1 answer

Glide.js dynamic append content from Json

I'm trying to add content to the slider dynamically from JSON. import Glide from '@glidejs/glide'; function slider() { let ul = document.querySelector('.glide__slides'); let card = ''; var glide = new Glide('.glide').destroy(); const photo…
sao-ghoul
  • 33
  • 4
1
vote
1 answer

Glide JS not displaying images

I'm using Glide JS carousel in a VueJS project to display some images (at least 3), but what happens is that only the first of the three images are displayed, while the other 2 doesn't display anything, even though the tag has the correct src…
Gabriel Silva
  • 69
  • 1
  • 9
1
2
3 4 5 6