Questions tagged [slider]

A graphical widget in a GUI with which a user may set a value by moving an indicator. For a rotating display of content that usually includes "next" and "previous" buttons to rotate through the content, please use [carousel].

Filter by
Sorted by
Tagged with
0 votes
0 answers
3 views

I want to create a infographics Chart in Slider on Wordpress

I want to create an infographics chart on my homepage something similar to like that https://step1.medbullets.com/[![1]] It would be great if you could visit the website and try to open it for proper ...
Dayan Ahmed's user avatar
0 votes
0 answers
21 views

Hi! I am facing trouble with animating plotly figure with dash slider along with play/pause functionality

In the following code, you will find that I want to show my data about some locations (also known as "Spots") on a plotly's scatter_mapbox. The "Values" updates every day. Whereas &...
letdatado's user avatar
  • 101
0 votes
0 answers
7 views

How do I add thumbnails to the swiper slider correctly if I use the virtual function for the main slider?

I accept the list of files from django into the virtual slides function in swiper slider, it works well, but there is a need to output a slider with thumbnails. If you display thumbnails with the ...
garex aka's user avatar
0 votes
0 answers
9 views

Sliders have an effect on benchmark execution time

I wrote an app that measures the execution time of a QR factorization. When the size of the matrix is fixed, hard coded, it behaves admirably and delivers consistent results, if (ready) { ...
bobford's user avatar
0 votes
0 answers
9 views

Text div wtih two colors

this is the problem, I have a div with a blue background and above a div with some text, this div must have two different colors as the slide moves: [text]Codepen(https://codepen.io/ilariotr68/pen/...
Ilario Tresoldi's user avatar
0 votes
0 answers
10 views

How to save preference of Slide_to_act button in flutter for check in and check out

In my code i have created an slider button from slide_to_act lib, when user press on slide to check in button , the button fetch and update the check in api . It does the same for Check out button . ...
Shubham Mahajan's user avatar
0 votes
0 answers
9 views

Slider for choropleth map Vega-Lite

I want to make a slider (over time) for my choropleth map in Vega-Lite. I have made the slider and the choropleth map but they are not connected correctly. It seems that the choropleth map always ...
Clara_code's user avatar
0 votes
1 answer
16 views

positioning ipywidget slider to the side of a figure [duplicate]

I am new to ipywidget. I am using an ipywidget slider to change images in a matplotlib figure. However I would like to change the position of the slider to put it next to the image. I've already ...
Matias Feldman's user avatar
0 votes
0 answers
15 views

Slider interactive when making the first click the width is enlarged and when making the second click it directs to another page

I am needing help to be able to make a slider that is interactive with HTML and CSS, this slider must become wider when we click on it, I think that can be achieved with JavaScript, also with the ...
B.O's user avatar
  • 1
-1 votes
0 answers
7 views

I want to build a custom owl slider with diff control on different slide

I m using a owl slider to create a custom slider with different controls for each sub slider Im sharin a pic and describing the effects i want when i hit the arrow the sub slide changes with the sub ...
Mandeephub's user avatar
1 vote
1 answer
34 views

3d carousel slider with 8 slides using html and css (js would be also ok)

I have found this slider from codepen.io, which I rally like to implement in my website, but I need it with 8 slides. I thought that I ust have to add the other slides in my html and also in css, but ...
newbie2023's user avatar
0 votes
0 answers
11 views

How to create dynamically generated slides from an array in a looped Swiper.js slide

I have a slider where I need the slides to be dynamically generated (a calendar a component, specifically). I want no more than 3 slides in the DOM at any one point, and as the user swipes next/prev, ...
intheburrows's user avatar
0 votes
0 answers
15 views

Swiper destroy - cleanStyle not working properly

I have the following very simple slider that needs to be initialised on mobile only: <div class="swiper"> <div class="swiper-wrapper"> <div class="...
JesDon's user avatar
  • 11
0 votes
0 answers
22 views

How to compress the swiper.js?

I only use one type of slider in the project But its total size is large (swiper-bundle.min.js:147kb and swiper-bundle.min.css:18k ). How can I use only one part of it and compress it? What do you ...
alireza keshavarz's user avatar
0 votes
0 answers
30 views

How to scroll the image based on their respective ids

I have created a slider that displays content alongside respective images. I have successfully achieved this, but I am encountering an issue. For example, when I navigate to the 5th image using the ...
Pruthviraj's user avatar
0 votes
1 answer
71 views

Binding a Slider Command in WPF, MVVM

I have a slider in XAML, and I would like to bind the "Thumb.DragCompleted" event handler to a command that I have defined in the ViewModel. My code is as follows: <Slider ...
DrunkOldHobo's user avatar
-2 votes
1 answer
40 views

I want to create a slide that goes behind other images

I know im stupid about this, but i cant simply figure out what is called or how to best approach this. I want to create a slider that has one focus image in the middle and other images extrudes out in ...
Melonendk's user avatar
  • 105
-1 votes
2 answers
77 views

I want to print change in my date slider I created with plotly and dash using animation and frames

I want to capture the date my slider is at. In other words, any change in the date slider should be printed in my compiler. Look at this code: This is a bit lengthy but simple and 'run-able' code. The ...
letdatado's user avatar
  • 101
0 votes
0 answers
42 views

Android Infinite Auto Image Slider Using View Pager 2 issue

In my app there's a viewPager containing the images of products, and I've created the logic to auto-slide images every 3 seconds shows an image and if the user touches the screen it should stop ...
Dr Mido's user avatar
  • 2,438
0 votes
0 answers
13 views

Custom Grid slides with SwiperJS

Trying to create custom gride slider. Would the following possible on SwiperJS. If yes, please provide me guidelines. Desktop Multiple pictures on each slides with custom grid. Mobile Each picture ...
suthan's user avatar
  • 1
0 votes
0 answers
13 views

Wordpress Elementor Slider

the slider is shown below and the content corresponding to the slider is shown on top. When you change the slider, the content on top changes. Please help with a solution. image sample I tried to use ...
abzikoff's user avatar
0 votes
0 answers
16 views

Is it possible to change the shape of the material design slider? Android, Kotlin

The slider by material design has by default a pill shape. Is it possible to change that shape to a rectangle? This is my goal. Green is the background, purple is 10% of progress, black is the 90% of ...
MaDudeeK's user avatar
0 votes
1 answer
33 views

Add gradient to the left side of the slider in UWP C#

I have a simple UWP app written in C# and a slider with a minimum of 0 and a maximum of 70. <StackPanel Height="45" Orientation="Horizontal" HorizontalAlignment="Center&...
Marko Basta's user avatar
-1 votes
0 answers
13 views

Slider in Home Page Template in WordPress (PHP)

So, my experience with coding is pretty limited (and is mostly in Python) but I'm trying to see if I can work out how to edit a template on my company's WordPress website. The template was previously ...
sarenrays's user avatar
0 votes
0 answers
23 views

Sticky Banner doesn't work properly on iOS browsers

I'm stuck with a rendering issue on iOS devices. I have a main_banner with a sticky position, when I try to scroll down with an iOS device, it should be overlapped by the columns and news divs, this ...
Marc Frau's user avatar
-1 votes
0 answers
13 views

How to "getThumb()" on Material Slider?

I do not see a method for "getThumb()" when using Material's slider. I am looking to customize slider slightly like we can with SeekBar. For example, offsetX = getThumb().getBounds().centerX(...
Monty's user avatar
  • 459
2 votes
1 answer
52 views

Swiper click event fails on loop back to first slide

The Swiper click event does not work when looping back to the first slide. The click handler fails to trigger in the following scenarios: When click > arrow from last slide < 4/4 > When ...
Penny Liu's user avatar
  • 15.6k
0 votes
0 answers
71 views

How to adjust when Swiper.js advances to the next slide?

What I'm Doing I'm using Swiper.js in Webflow to make two connected vertical sliders, one with images and one with text (title, desc). I'm using the Swiper thumbs module to connect the two sliders. I'...
Zacaria Wilson's user avatar
0 votes
0 answers
21 views

Stop swiper.js mousewheel slide scrolling if an active slide have content more than its height

I want to achieve the behavior, where the swiper should scroll through all the content within an active slide before moving to the next slide when the content exceeds the slide's height, please help ...
Hassan Mustafa's user avatar
0 votes
1 answer
35 views

hide the first slide and exclude it from the pagination count - swiper slider

I'm trying to hide every first slide of the swipe slider in product pages, and pagination - that's displaying as "current / total" - should not count this hidden slide for current or total ...
Mulllu S's user avatar
0 votes
1 answer
22 views

React-bootstrap carousel buttons customizing

What's the problem. I have a carousel and buttons that must not be inside the carousel. How can I connect them with the carousel? On the React-Bootstrap website, they suggest using the activeIndex, ...
Skrudj's user avatar
  • 1
0 votes
0 answers
16 views

Angular brightness management

I am developing an Angular page in which a slider allows you to adjust the brightness of the page. By gleaning different techniques, I was able to obtain an interesting first result, however certain ...
alaakaazaam's user avatar
0 votes
0 answers
26 views

Change ThumbImage slider

I'm working in swift and I need to move the thumbImage of a slider like by default the image in centered but i need to move the image to the top. I tried this but dind't work for me let verticalOffset:...
Victor's user avatar
  • 9
0 votes
1 answer
20 views

How to control a tableView content with a Slider?

I have a Table View and i want to scroll the information with a slider How can i get the length of the model and binding to the value of the Slider i tried with onValueChanged: { console.log("...
Constantin Cojocaru's user avatar
0 votes
0 answers
43 views

When clicking on a text, how do I navigate to an image of the slider that is associated with that text?

@foreach (var item in Model.NewsList) { if (item.Title != null) { var ImagePathLarge = item.ImagePathWithoutExtension + "/" + ...
rrezz's user avatar
  • 13
0 votes
0 answers
21 views

swiper , use slidesPerView with loop

hi i want to use swiper in react now i want to use autoplay and loop=true for my slider but when i use sliderPreview={3} or sliderPreview={4} the loop it's not working only work when my sliderPreview ...
Taha Ahmadpor's user avatar
0 votes
1 answer
24 views

Transition time in css slider

I have created slider based on this pen: https://codepen.io/davidhc/pen/DbYENj <div class='slider'> <div class='slide1'></div> <div class='slide2'></div> <div class='...
Martina Schuberth's user avatar
0 votes
1 answer
62 views

Building an image slider using HTML, CSS, and JS. How can I space out images to make one image appear in the viewport at a time?

I'm building an image slider using HTML, CSS, and JS. It's running on a timer using JS and can also be scrolled through using navigation arrows when hovered over. I feel like it's almost done, but ...
chrishughs's user avatar
0 votes
0 answers
19 views

Creating Scroll Interaction with Shifting Containers

I'm seeking assistance in creating a specific scrolling interaction for a webpage. Within a container, there are 5 boxes aligned at the top and 5 boxes at the bottom. When the page loads, I want to ...
same seçr's user avatar
0 votes
0 answers
24 views

Typescript - Tried to make a react-native slider from scratch and facing a few problems

The following code is everything I have written and since I am new to all this, I am sure there are a lot of mistakes. Slider Component Usage: const trackMarks = [ { value: 100, name: 'Min1' }, ...
Sarthak Dahal's user avatar
0 votes
0 answers
40 views

How to replace basic SliderBar with images

i want to custom a Slider with an image for the SlideBar, an image for the SliderDot and display vertically. also i want to control a table content with the Slider and the stepsize to be one row of ...
Constantin Cojocaru's user avatar
0 votes
0 answers
23 views

Angular mat cards with left and right arrow slider

I want only three of my mat cards to appear on the screen and there should be a left arrow and right arrow. When we click on right arrow the cards should move and we should be able to see the next ...
Saran S's user avatar
  • 39
0 votes
1 answer
44 views

Use different background images for different images in a div tag

I have a div element with almost 30 images and I want every image to have a separate background. I want my slider with these images to display watermarked image with zero opacity and on front and at ...
Aqsa Zubair's user avatar
0 votes
1 answer
20 views

How to hide the Value of a Slider in jsxgraph?

I want the number, that shows the current value of a slider, not to be seen in the graph. How can I do that? var PX = b1.create('slider', [[3,8],[8,8],[-2,0,2]],{label:{visble:false},name:'...
Carl Greuber's user avatar
0 votes
0 answers
32 views

Javascript slider - images not loading

I'm trying to create a similar grainy transition on scroll as here - https://codepen.io/ReGGae/pen/bmyYEj. The issue I'm facing is that when trying to link images in JavaScript: this.images [ 'images/...
user avatar
0 votes
1 answer
33 views

How to reset the querySelectorAll number?

I have 5 li and the function stops repeating when it reaches the same number of times. I need another function to reset or cancel this number. This is the code that I have: let currentIndex = 0; ...
Eliseo's user avatar
  • 19
0 votes
1 answer
22 views

Plotly starts at the wrong slider step even after specifying

I have the code below, and the problem is that the slider doesn't start in the middle position - it starts at position 4/5 at where t=650 instead of 600. The graph shown on the picture is correctly ...
Victor Nielsen's user avatar
0 votes
1 answer
37 views

The function stops repeating after being repeated six times

I need the function to be repeated several times (e.g. 10 times) and then stopped, but when you press another button this number cancels and starts counting again. But I can't control the number of ...
Eliseo's user avatar
  • 19
-1 votes
3 answers
152 views

How can I have a horizontal slider in a max-width container?

I'm currently trying to achieve the slider that you can see in the image below. It comes with some special requirements: Red lines indicate the max-width container at the image It needs to be aligned ...
maxi hraschan's user avatar
1 vote
2 answers
22 views

How to move slider preview slow

I need the slider preview to move by image but now it moves immediately to the end I tried creating the preview slider with two buttons: left and right but when I pressed right it moved to the end, ...
Eliseo's user avatar
  • 19

1
2 3 4 5
204