Questions tagged [slider]

A graphical widget in a GUI with which a user may set a value by moving an indicator.

0
votes
0answers
5 views

I want to copy layer slider 6 - slider from website https://www.bedmaxshavings.com/

I want to copy layer slider 6 - slider from website https://www.bedmaxshavings.com/ (in homepage horse image with heading - 6 health risks to stables horses). I have installed layerslider plugin on my ...
0
votes
1answer
17 views

How can I make slider in the card deck group on the bootstrap vue?

I make card deck group using this tutorial : https://bootstrap-vue.js.org/docs/components/card/#card-deck-groups My script like this : <template> <div class="animated fadeIn"> <...
0
votes
1answer
16 views

Force cloning slides in slick

I have a needed that I've not been able to develop. I'm using slick to show 3 slides, but only the center one shows all the information. I need an infinite slider in order to get all the slides being ...
0
votes
1answer
11 views

Changing Kivy Slider Value from another screen

I'm trying to reset the values of sliders back to 3. I have two sliders with the values 1 - 5, and a step of 1. I initially set the value to 3. I want to be able to use my sliders, go to the home ...
0
votes
0answers
11 views

Slider Height Conflict with Slick Slider Carousel

I'm using ken wheeler's slickslider and using the slider sync. I'm actually trying to replicate slack.com's carousel that they use here: https://slack.com/solutions/engineering The issue I've run ...
0
votes
0answers
10 views

Need code for putting a slider (short code) and static image side by side on home page in Wordpress

I have created a slider in creely that is 300x300 it is a shortcode and then I have an image also 300x300 that I want to put next to it so they are side by side on my home page in Wordpress. I have ...
1
vote
1answer
19 views

Different values in JQuery UI Slider

Is it possible to create my own steps in jquery UI slider? For example, I have 5 steps: 0, 1200, 2000, 2200 and 3000. Somebody know how to do this? const rangeSliderInit = () => { const ...
1
vote
0answers
11 views

flickity add class to previous slide

How can I add a class for previous flickity slide? I need them to fade out. I'm using Vue.js with npm installed flickity. Current slide has .is-selected class, so maybe I can add somehow .is-prev, .is-...
1
vote
0answers
33 views

I want to display all images in the database but i was only able to display one

<?php foreach ($query as $row){if(!($row->image_name=="0") ){?> <div id="jssor_1" style="position:relative;margin:0 auto;top:20px;left:0px;width:1350px;height:800px;overflow:hidden;...
-1
votes
0answers
28 views

Dynamic map circle reveals markers but doesn't hide

I'm very new to coding, and I'm stuck at this point: I've built a map with a circle which reveals markers within it's area as it grows (using slider), Markers appear in the member defined radius. On ...
0
votes
0answers
23 views

Adding play button to trigger javascript time slider?

I'm trying to add a 'play' button to a jquery timeslider I have. Time slider element in HTML: <input id="timeslide" type="range" min="0" max="25" value="0" step="1" /><br> var ...
0
votes
1answer
17 views

Fullpage.js customization

I'm doing a project using fullpage.js and facing an issue of that. In my project I have vertical slides and in each vertical slides I have horizontal slides. When we use mouse to scroll the the slides ...
0
votes
0answers
9 views

Swiper Slider Wrong Animation when using activeIndex

its my first question ever in stackoverflow so let's see who it goes I've been trying to fix my slider for days now, and i just lost all my hopes I have 3 swiper sliders in the same page, and the ...
0
votes
0answers
30 views

Create Date Range Slider in Django Form

I am facing some implementation issue in Django. My app reads data from excel uploaded by the user. It extracts dates from it such as earliest date and recent date. I am able to show these two date ...
0
votes
0answers
13 views

How to create callback item using two sliders in bokeh (python)

I'm trying to create a callback that incorporates a "month" and "year" slider in python's bokeh packages. I want the month and year to be used together in order to pull specific information from my ...
0
votes
0answers
21 views

multiple items in wagtail carousel

I want to have 4 different items in a slider(Product Name section). And in the next slider, again 4 items. How to achieve this in wagtail? Below I have given screenshot how it should be. Screenshot: ...
0
votes
1answer
42 views

Make a slider based image collection

I want to make a slider based image collection, or one might say a slider based corousel. The slider that I have in mind has specific markings on it, ( say 1990,1995,2000, et cetera), and there is an ...
0
votes
0answers
19 views

Cycle 2 manual slide with buttons

I'm trying to use Cycle 2 such that it is fully controlled via a previous and next button. I've gone through the documentation and It doesn't look like there's support for ot because removing the ...
2
votes
0answers
19 views

Android Transparent edged Image Slider

I have been trying to re-create an image slider as shown in the image. Looked for a lot of image slider / Flipper libraries. But in the end, I can see that Each and every slider has some kind of gray ...
2
votes
1answer
36 views

Android: Use timer to perform a task periodically

I am currently working on an android music app which needs to call an api to get the link of album-art and put it in slider, after 'x' seconds I have to call another api and get an url of ...
0
votes
1answer
51 views

Range input thumb gets offset over time

I've looked all over Stackoverflow and it seems that all range sliders with thumb labels have this problem. For example, this answer almost doesn't have it, but still does. Basically, you can ...
0
votes
1answer
17 views

Simplify a javascript for range sliders

I am new to coding. I have gotten my code to work like I want it, but the javascript is alittle long. How would I go about simplifing the script? Can some one point me to a tutorial on how to do ...
0
votes
1answer
38 views

JavaFX draw line alignment with slider [duplicate]

I'm using JavaFx MediaPlayer to play video files which have slider as a timeline. I want to draw line alignment with the point which is clicked any point on timeline. For that I've used the below code:...
0
votes
0answers
31 views

jQuery move image slider effect

I need to implement the slider effect like this site https://www.blizzard.com/es-mx/. I applied animate effect with jQuery but I'm losing the background (blank space in the right side). How can I do ...
0
votes
0answers
18 views

How to stretch slider content?

I thought it should be pretty straightforward. I increased the height of the slider (in XAML) like: Height="80" the slider content (thumb and track-line) size didn't change though. Ok, I added: ...
0
votes
0answers
8 views

Nested child swiper swipes to next/prev parent swiper on swipe or next/prev button click

I have 6 parent swiper slides, with each consisting of a child swiper with a few (5 to 6) slides. On mobile, it shows 1 by 1. Right now, it requires that the user swipes at the very edge of the ...
-1
votes
1answer
47 views

How to emit a signal if double clicking on slider handle

We are using Qt 5.10/C++ and I'm asked to implement a feature using the QSlider class. My colleague wants me to emit a signal, whenever the user performs a double mouse click on the slider handle. ...
-2
votes
0answers
29 views

Make slice for 3D(with movement) image using matlab [closed]

I am beginner in using matlab program ,I have 3D image and i want to make slices from it to make reconstruction for them using (radon and iradon) .. how i can do the slices ?
1
vote
1answer
15 views

Slide next div on button click

I'm trying to slide a div over on Button click. I have it working by clicking on the div itself. I've tried changing .box to button and $(this) to $('.box') but then all the divs seem to slide over ...
0
votes
1answer
16 views

Shopify Img Url Size In Custom Slider

I have a shopify blog that uses a custom carousel/slider for each article. I have managed to make it dynamic so that it will pull all the img tags for the article into the slider with a popup ...
0
votes
0answers
20 views

Image Slider Scaling and Description layout disabling ( GlideSlider)

I am using GlideSlider(https://github.com/firdausmaulan/GlideSlider) for creating an image slider in my app. I am using an example from that author (https://github.com/firdausmaulan/GlideSlider-...
1
vote
1answer
31 views

Custom dynamical slideshow with jQuery

I am trying to make my own slideshow from scratch using mainly jQuery. The problem I got stuck on is when I tried to adapt it for phones and tablets (smaller screen in general). So my first thought ...
1
vote
0answers
14 views

Problem with slider images loading time and display

I have a problem with the sliders on my website (I just started coding recently). http://www.willybass.com Depending on the browser and the connexion, the images sometime do not load and the slider ...
0
votes
1answer
16 views

Image/Video slider pause issue

I have an image/video slider working well. However at the end of the video you can see it pauses for a second before sliding. I know this is because of the autospeed setting, but I'm not too sure how ...
0
votes
0answers
43 views

How to remove Android Slider Bottom Effect?

Currently, I am using smarteist/android-image-slider for my app project. The problem I am facing is, that I want to remove the default gray shading effect and make it transparent. I have added one ...
1
vote
1answer
44 views

How to make a Bokeh scatter plot interactive (with slider)

I'm trying to make a scatter plot in Bokeh based on the simple example code posted here. The following code produces a working demo for a line plot: from bokeh.layouts import column from bokeh....
-4
votes
0answers
23 views

How to make UISlider Thumb Image rotating / animating in Swift? [duplicate]

I want to use a 360° permanently rotating image as the thumb for my slider. var sliderimage = UIImage(named: "slider-t") How can I achieve that?
0
votes
2answers
27 views

Change color of a owl-carousel image

I have 3 images in an owl-carousel slider, and have used -webkit-filter: grayscale(100%); filter: grayscale(100%); CSS tags convert all 3 color images to grayscale, but what I want is, ...
0
votes
1answer
25 views

How to code a slider that can change the radius of an object

I'm trying to figure out how to code a slider that will change the radius of a certain shapes. The assignment will output as an HTML webdoc and many of the ways ive tried to solve this problem end up ...
0
votes
1answer
36 views

How to detect if a particular slide with a class is in the view?

I have slidesPerView: 3 and slidesPerGroup: 3 initialised, and I have a class called .section-xx-start to separate each 'section' within a timeline sort of a carousel, and everytime the slide with the ...
-1
votes
1answer
24 views

How to make Carousel Materialize Change Height Between Mobile and Desktop

The Carrousel Materialize does not change height keeping in default 400px. I would like that according to the device that accesses the site the slide had its height the proportional value changed. ...
0
votes
0answers
10 views

contentslider preloader hides so early

please see this slider ezContentSlider there's a preloader <!-- Image loader --> <div class="ezcs-loader"></div> but it doesn't appear before slide img loads this is the ...
0
votes
0answers
14 views

Slider Revolution error codes in Chromme - Video does not play

When trying to render slide revolution videos in wordpress, I've encountered the following errors. Failed to load resource: the server responded with a status of 404 () jquery.themepunch.tools.min.js?...
0
votes
0answers
21 views

Plotly-Dash: Rangeslider not generating underneath graph

all. I have been trying to create a graph using plotly's Dash, and then putting a slider underneath the graph in order to update it, but for some reason I cannot get the slider to even show up. I am ...
0
votes
2answers
34 views

Change the jquery slider position by an input change (keyup)

I'm trying to change the jQuery slider position not by sliding but by an input change: Have a look at my code: HTML slider input <input class="range-slider-single" type="text" id="width_range" ...
0
votes
0answers
9 views

Swiper touch slider dont scroll down on mobile

I'm using Swiper library to sliders on my project. On mobile, it doesn't let the user scroll down when put the finger on the images slider. I tried to use all parameters from API like simulateTouch: ...
0
votes
0answers
20 views

How to add preloader gif to content slider

Please look at this content slider. ezContentSlider How can I add the preloader gif to each image or at least to first image? I added this one but it only shows the loader when the image addresses ...
0
votes
0answers
19 views

Remove button on a particular slider in a wordpress theme

I am using a free theme. I have four sliders in my page. Thing is I want to remove a button on my 4th slider only. When I add "display:none", the button has been removed from all sliders but I need to ...
-1
votes
0answers
18 views

multi slider switch react or material-ui component

is there a multi slider switch react or material-ui component , something like this - https://www.youtube.com/watch?v=d7oeRdoRyFk
0
votes
0answers
3 views

Image slider for dynamic created div elements

I am creating dynamic divs with for loop, i have to display those divs one by one in a slider.can anyone please suggest me any image slider plugin for that?