jQuery simpleUIslider

Un slider simple et efficace, rapide à mettre en place, sobre et minimaliste.

Librement inspiré de controlP5 (pour Processing) et de noUIslider (très bon slider Javascript, bien plus exhaustif !).

 

Télécharger la librairie :

 


Exemple d'utilisation :

Côté HTML



Côté Javascript




Liste des paramètres possibles (et leurs valeurs par défaut) :

On peut insérer les paramètres en HTML (voir plus haut), ou bien en Javascript, comme ceci :

$('...').simpleUIslider({
	min: 15,
	max: 32,
	step: 0.5,
	name: "test",
	onchange: function(val){ ... }
});

Méthodes des objets Slider :

$('...').simpleUIslider(...); // renvoie un objet qu'on peut stocker dans une variable...

// du genre
var slider = $('...').simpleUIslider(...);

A partir de là on peut faire

 


Copyright Gildas P. 2017 / www.gildasp.fr / Enjoy !