Comments (9)
This works but it doesn't work for a responsive layouts where you'd want to have multiple items on a desktop display and one item on a mobile.
from glide.
The easiest way to do that is to create 3 columns within one slide. Pure CSS, no changes inside plugin.
<li class="slide">
<div class="col col-3"></div>
<div class="col col-3"></div>
<div class="col col-3"></div>
</li>
from glide.
Okay, will do the same. I thought there would be some option like "visibleItems" or something.
from glide.
Unfortunately, version 2.* do not have that functionality. It will be introduced with 3.* on which I currently working on.
from glide.
+1 Would like to be able to show say 3 slides on desktop and drop down to one on mobile.
from glide.
@jedrzejchalubek is this option available yet?
from glide.
@natalieryder Yes, v3.0 has been released and have a multi-slides per view functionality.
from glide.
@jedrzejchalubek great! Can you tell me what the option is called? I'm using "perView" but it still only slides one at a time.
from glide.
It's a perView
option. Make sure you are using v3 of the glide.
If you have an implementing problem please look for the help at StackOverflow, there is a glidejs tag :)
from glide.
Related Issues (20)
- glide__slides container width and translate3d values much too large HOT 5
- setTimeout used instead of requestAnimationFrame HOT 1
- Basic question about using modules HOT 1
- Using mouse to go to previous slide will result in translate jump
- Impossible to put any html element between elements data-glide-el="track" and "glide__slides" (wrapper of glide__slide) HOT 1
- Intersection Observer - feature request HOT 1
- How can I get a slider with a single slide in it to still 'reserve' the spots for slides that don't exist yet? Right now it's centering the only slide, and instead I want it to appear in slot 0 of whatever the perView setting is. HOT 2
- Update the clones as well as the "normal" slides HOT 2
- Issue with control button focus when changing direction of slides.
- Where is it? HOT 2
- Input fields inside slides not updating properly HOT 3
- Animation speeds up when returning to tab; way to pause when changing tab?
- GlideJs in a CSS Grid container with auto value don't work
- Feature Request: Custom Fixed Width for Glide.js Slides HOT 1
- The requested module '@glidejs/glide' does not provide an export named 'default' HOT 2
- Disappear slide after drag HOT 1
- RTL: [Glide warn]: Invalid direction pattern [,>] has been used
- I am facing issue when glide carousel initialize inside model popup carousel slide truncate.
- Length property for API
- Random instances of screen zooming in on iOS
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from glide.