All Questions
1,970
questions
0
votes
1
answer
43
views
Accurately positioning labels under steps in an HTML range slider
I'm working to create this:
It has to support labels along a slider that are non-linear e.g. 400K, 500K, 750K, 1M but be visually evenly spaced apart.
I got close with this but I can't get the labels ...
- 144
1
vote
0
answers
34
views
Input range - position each step
I have horizontal points with months.
Above points, I would like to create a shape (ship) that you can drag to the next steps.
A few points are grouped to display the same slide.
The gap between ...
- 41
0
votes
1
answer
32
views
Javascript slider add counter slide number
I have a slider built in Javascript, CSS, and HTML with no dependencies. The slider works fine.
How could I display the counter slide number in Javascript inside the div element .gallery-counter?
For ...
- 397
0
votes
0
answers
79
views
when i use direction vertical in swiper slider swiper-slider get infinite height
When I use direction vertical in Swiper.js slider swiper-slider get infinite height.
function imgWithTextSlider() {
var swiper = new Swiper(".imgWithTextSlider", {
...
- 1
0
votes
1
answer
26
views
Second slide range not printing
I have two slider bars that should output a number each.
My first is outputting a number in `
however I cant get the second slider bar number to out put.
Can someone see why ?`
function ...
- 2,793
0
votes
1
answer
52
views
How to : button/link that display specific slide in slider [Vanilla Javascript]
for a portfolio website purpose, I've created a (very simple) carousel.
Thing is :
I want my slider/carousel to be usable with a menu (in addition to Next and Prev buttons).
To be more precise, each ...
- 3
0
votes
1
answer
367
views
SwiperJs: I'm displaying groups of 2 slides, they should be centered but I can't even achieve it restraining the slides width
I am working with SwiperJS to create a slider that displays two slides per group, centered within the slider's container. My current implementation results in the slides expanding to fill the entire ...
- 585
0
votes
0
answers
32
views
Responsive slider
.item-slider.object-fit {
height: 220px;
}
@media screen and (min-width: 768px) {
.item-slider.object-fit {
height: 250px;
}
}
@media screen and (min-width: 992px) {
.item-slider.object-...
0
votes
0
answers
52
views
How to Integrate a Slider Inside an Invisible Container Toggled by a Button?
As someone relatively new to HTML, CSS, and JavaScript, I'm currently working on a learning project where I'm trying to include a slider component within a container that remains invisible by default ...
- 164
0
votes
0
answers
76
views
"slideToLoop" to last slide in Swiper behaves wrongly, I want it to take me to end of the slide, but it takes me to the start
UPD: I've used rewind instead of loop, and it's seem to be alright.
I understand what that might be the problem with loop, but I need some solution
When I click "play video" it takes me to ...
- 11
0
votes
0
answers
190
views
Swiper JS - Problem with centeredSlides: true, slidesPerView: "auto", loop: true
I'm having a problem with my slider, is not completely centered, one of the slides is on the other side and the slider does not look centered, this is my code example. I appreciated your help :).
[...
0
votes
0
answers
74
views
Swiperjs breakpoints doesn't apply when reach the breakpoints
I'm using swiperjs and I want to make the swiper responsive by using breakpoints property. However, the default value of slidesPerView the isn't applied when the screen reaches a smaller value than ...
0
votes
2
answers
234
views
CSS image slider carousel with cross fade - how to get timing right?
I am trying to create an image carousel using CSS where each image appears for four seconds, then cross fades to the next image. I want to include three images that loop.
I found code on another post ...
- 1
0
votes
0
answers
51
views
Why does my console.log output the incorrect HTML slider value in JavaScript?
I am creating a web form and I am using HTML sliders as one of my input methods. I am using to output the current value of the slider on the page as the value of the slider changes. This currently ...
0
votes
0
answers
23
views
Wordpress navbar and slider
I have this website here built in wordpress: Cerabora.
In mobile view, if you try to slide from the left side of the home page first slider it will not work, but it works when try it from the opposite ...
- 1