nouislider


Play/pause button for noUisSlider


Is there any working example of a simple noUiSlider including a play/pause button, or a strategy how I could achieve this?
I've a simple noUiSlider connected to a stack of images. The number of the slider is connected to the index of the image stack to make the image visible.
var currentIndex = 0;
function animation(value, handleElement, slider){
//alert(value);
imgArray[currentIndex].setVisible(false);
currentIndex = Math.floor(value * 45 / 100);
imgArray[currentIndex].setVisible(true);
}
// pane Image Layer slider
function setText( value, handleElement, slider ){
$("#someElement").text( value );
}
$('#html5').noUiSlider({
start: 45,
step: 1,
range: {
'min': 0,
'max': 45,
},
format: wNumb({
decimals: 0
})
});
$("#html5").Link('lower').to(animation);
$("#html5").Link('lower').to(setText);
If I slide the slider back and forward the images change, but now I would like to add a play/pause button.

Related Links

Get the values form NoUiSlider with two handles
NouiSlider - how to display pips?
noUiSlider: Set a background color for the limited area
noUiSlider - Place Both Tooltips above Slider?
nouislider callback function when minval
How to load multiple sliders with values and tooltips with noUISlider?
How to set up a decimal range [0.5,1] step [0.05] with NoUiSlider
niUiSlider link and make the percent sum of two sliders 100
How to incorporate two dependent variable in one noUiSlider?
Play/pause button for noUisSlider
Calculating total amount from nouisliders
How can I set the slider to have a diffrent colour before the first handle, between the handles and after the second handle?
How to set array of step values
No UiSlider remove decimal?
Problems with nouislider and LibLink
nouislider: adding pips non-numerical last value?

Categories

HOME
sendgrid
cloud
dictionary
google-api-php-client
office365api
platform-builder
bookshelf.js
rsync
amazon-ecs
rdf
fsm
umd
icloud
webpack-2
ebean
convolution
constraint-programming
add
numeral.js
jplayer
vaadin7
clojurescript
code-review
paging
cx-freeze
lcd
spark-jobserver
kendo-datasource
flink-streaming
instant-messaging
sql-server-2012-express
semantic-versioning
data-manipulation
titanium-mobile
http-digest
disassembling
multilingual
occlusion
sharefile
jna
hue
broadcastreceiver
unixodbc
checkboxlist
qcombobox
websphere-mq-fte
babel-core
paxos
dandelion
idisposable
gabor-filter
dtexec
qtwebview
flow-control
visual-c++-2008
spring-android
azure-sdk
database-optimization
multi-level
connect-by
lua-5.1
separator
xna-4.0
ora-00900
thredds
simple-framework
atk4
fouc
ideamart
service-accounts
unity3d-gui
remobjects
jsapi
truevault
geonetwork
rake-task
applescript-objc
titanium-modules
zend-route
flask-cors
has-many-through
typeof
jubula
marmalade
transcoding
geos
back-stack
interface-orientation
robotics-studio
funscript
bluepill
javaspaces
newtonscript
ocx
reddot
postgresql-performance
dotnethighcharts
punbb
yetanotherforum
appendto
ecl
inotifycollectionchanged
icanhaz.js
preference
brewmp
temporal-database

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App