Pb Jquery Slider
zalex06
Messages postés
3
Statut
Membre
-
Defouille Messages postés 404 Statut Membre -
Defouille Messages postés 404 Statut Membre -
Bonjour a tous,
J'ai un souci avec mon jquery ui slider,
Je voudrais que celui-ci admette différentes valeurs par exemple 1,2,5,7 (avec nombre de pas qui peut etre variable comme ici) et qu'il mette a jour un label
J'ai trouvé cet exemple qui s'en rapproche mais celui-ci est basé sur une liste deroulante
https://jqueryui.com/slider/#hotelrooms
Mon slider marche a peu pres mais je me retrouve avec plusieurs curseurs de sliders comment pourrais je faire pour n'en avoir qu'un seul curseur qui mettrait a jour dans cette exemple les labels ?
voici mon code :
vals etant le tableau des valeurs
J'ai un souci avec mon jquery ui slider,
Je voudrais que celui-ci admette différentes valeurs par exemple 1,2,5,7 (avec nombre de pas qui peut etre variable comme ici) et qu'il mette a jour un label
J'ai trouvé cet exemple qui s'en rapproche mais celui-ci est basé sur une liste deroulante
https://jqueryui.com/slider/#hotelrooms
Mon slider marche a peu pres mais je me retrouve avec plusieurs curseurs de sliders comment pourrais je faire pour n'en avoir qu'un seul curseur qui mettrait a jour dans cette exemple les labels ?
voici mon code :
var slider = $('<div id="slider"></div>').slider({
min: min,
max: max,
range:true,
values: vals,
slide: function(event, ui) {
$("#sliderInput").val(ui.values[0]);
}
});
vals etant le tableau des valeurs
A voir également:
- Pb Jquery Slider
- Wow slider - Télécharger - Présentation
- JQuery non interprété - Forum Wordpress
- Mon slider ne marche pas - Forum Javascript
- Home Slider Salient - Forum Wordpress
- 3D Ball Slider - Télécharger - Arcade
2 réponses
Bonjour,
je n'ai pas de quoi tester, mais d'apres la doc je pense que tu devrais essayer quelque chose comme ça :
je n'ai pas de quoi tester, mais d'apres la doc je pense que tu devrais essayer quelque chose comme ça :
var slider = $('<div id="slider"></div>').slider({
values: [1,2,5,7],
slide: function(event, ui) {
$("#sliderInput").val(ui.values[0]);
}
});
J'ai une autre solution :
tu as un slider de 1 à 3 mais tu modifie la valeur de ton affichage en fonction de ta valeur.
$("#slider").slider({
min: 1,
max: 3,
value: 1,
slide: function(event, ui) {
var val = 0 ;
switch(ui.value)
{
case 1:
val = 1 ;
break ;
case 2:
val = 5 ;
break ;
case 3:
val = 9 ;
break ;
}
$("#amount").val('$' + val);
}
});
tu as un slider de 1 à 3 mais tu modifie la valeur de ton affichage en fonction de ta valeur.
ca me fait tjs plusieurs curseurs :s