slider

问题 I'm trying to implement a transition effect on my Jssor slider, but I'm unsure where to place the options. The website has a transition code generator which I used, but no matter where I seem to place the code the slider doesn't use the transition. This is my current attempt: <script type="text/javascript"> jQuery(document).ready(function ($) { var options = { $DragOrientation: 3, $AutoPlay: true, $SlideDuration: 1500, $AutoPlayInterval: 4500, $SlideshowOptions: { $Transitions: { $Duration:

问题 How to get the slider's thumb position within the Style? I want to show the actual value at the position of the thumb. This would be possible by changing the width of the following textblock accordingly to the value. But how to get the position of the thumb? <TextBlock Grid.Column="0" Width="THUMB POSITION" HorizontalAlignment="Right" Grid.Row="0" Text="{Binding Path=Value, RelativeSource={RelativeSource TemplatedParent}}"></TextBlock> The full style is shown here: <Style x:Key=

问题 Have been researching possible fixes for this and just cannot figure out what's wrong. The issue seems to only be in chrome. But it doesn't happen in Chrome Canary. http://jsfiddle.net/de2yzzds/6/ (use arrow keys to navigate and I also need the html this way) The slide flickers when it goes from the last slide to the first slide I'm on a mac using Chrome Version 47.0.2526.80 (64-bit) Using latest version of https://github.com/kenwheeler/slick Can anyone else recreate the issue? I've tried

问题 <input id="valR" type="range" min="0" max="100" value="0" step="5" oninput="showVal(this.value)" onchange="showVal(this.value)" /> <span id="range">0</span> <img id="img"> <script> var val = document.getElementById("valR").value; document.getElementById("range").innerHTML=val; document.getElementById("img").src = val + ".jpg"; function showVal(newVal){ document.getElementById("range").innerHTML=newVal; document.getElementById("img").src = newVal+ ".jpg"; } </script> hi people, based on this

问题 Javascript is a new languaje for me so this is a simple task that I cannot achieve. I can set the slider and update the position of my element when I change the slider with: // Setup a ui. webglLessonsUI.setupSlider("#x", {slide: updatePosition(0), max: gl.canvas.width }); webglLessonsUI.setupSlider("#y", {slide: updatePosition(1), max: gl.canvas.height}); Where update position is: function updatePosition(index) { return function(event, ui) { translation[index] = ui.value; drawScene(); }; }

问题 I'm customize a slider to making seeking bar for video. What I want is that when I touch the thumb the video stops. Then I can drag the thumb and display the video corresponding to the slider's value. This is my Slider in XAML <Slider Style="{StaticResource SliderStyle1}" Grid.Column="1" x:Name="volumeSlider" Width="Auto" VerticalAlignment="Center" ValueChanged="volumeSlider_ValueChanged" DragLeave="volumeSlider_DragLeave" DragEnter="volumeSlider_DragEnter" DragStarting="volumeSlider

问题 To plot a function with its parameters being updated dynamically via sliders is easy in R using basic plot and 'manipulate' package. Here is an example of a sine wave with its amplitude and frequency being controlled by parameters A and k, respectively. library(manipulate) manipulate(plot(x, A*sin(k*x)), A = slider(1,3), k = slider(1,10)) However, the basic plot is not as pretty a plotly one. Is there a simple way to do it in plotly? Plotly provides examples of sliders on its site, but the

问题 I am trying to add a calibrated slider to this figure. its a figure frame with a 3d surf plot in it. Now as you can see I managed to create a slider with the "uicontrol" command but i can not calibrate it nor created any ticks on it. I tried using the "uislider" which creates a beautiful slider just like the one I want but for some reason I cant cant add one of those in a figure (only works if I use uifigure to create the original figure however when I do this I cant plot my surf plot in it

问题 I have a small problem. Div slides and reaching end it's quickly show div 1 without pause. Div 5 cannot see. $(function(){ var width = '100vw'; var speed = 1500; var pause = 3000; var current = 1; var $slider = $('.slider'); var $slides = $slider.find('.slides'); var $slide = $slides.find('.slide'); setInterval(function(){ $slides.animate({'margin-left': '-='+width}, speed, function(){ current++; if(current == $slide.length){ $slides.css('margin-left', 0); current = 1; } }); }, pause); });

问题 I'm using BxSlider to make a slider. I have set it to display 3 slides at the time. Works fine. Now I'm trying to get first and last slide by calculating current and total number of slides. Currently I have a total of 10 slides - and that number can vary - (to be displayed 3 at the time) and so my function doesn't work. It works if I have six or nine slides obviously. The reason I'm interested in getting the first and last slide is because I'm going to hide the last and right link