Skip to content
Advertisement

Tag: slider

Swiper Js Slider – Images overlapping in fixed height slider

Desire output: I am trying to implement a slider with a fixed height and auto width. The images should be adjusted to e.g. height: 800px and the width should be true to the image resolution. My Implementation: https://playground-f2831f.webflow.io/model-images/provident-at-sunt-incidunt How it is supposed to be: https://artworld.agency/artists/sarah-bassett My slider param: Answer 1 of 2: Set slidesPerView: “auto”. Docs demo: https://swiperjs.com/demos#slides-per-view-auto In your

React: multiple sliders sharing a common state

I have two sliders, each with an event listener. Using your mouse to adjust one slider should update a shared state, which should then cause a change in the second slider. However, I only want the event listener for the first slider to fire. In the code I have below, the second slider’s event listener is also firing, as can

Problems at creating slider, I’m new in javascript

I’m trying to create an automatic slider, I can go through the images using the buttons to change them, but them don’t change automatically and I don’t know why, also the first end button doesn’t work properly at the beginning of the slider. This is the HTML code: This is the CSS code: And this is the JavaScript code: I

What is the best way to get a slider value every time it changes?

The question might suggest that I need onchange, which is not the case. Compare these two snippets: The upper one uses onchange and only updates once the mouse is released. The lower one uses onmousemove and updates every time the mouse gets moved over the slider. However, I don’t think that is the most memory saving method. It also doesn’t

How to sync slider indicator position with slider scroll position

I created this slider and custom indicator to show which slide you are on but I’m having trouble syncing the indicator to the slider’s scroll postion. In the example below, the indicator’s left property is being set to whatever % the main slider has been scrolled. However, it’s not accounting for the width of the indicator itself, so it’s breaking

Advertisement