Remove Values on Rangeslider (HTML/CSS/Jquery)

I am currently working on a Character Creator for a GTA Project. Therefore I am using the Hair IDs provided by the game and some Addon Hairs. Problem is (for Male Chars as an Example) :

  • GTA IDs go from: 0-74
  • Addon IDs Start at 75

Would be great actually, if there wasn’t the problem that the GTA Hairstyles actually only go from 0-37 and repeat themselves from 38-74, as you can see here. So in my character creator I would have the GTA Hairstyles twice before the user gets to the Addon Hairtyles (A no go as the user might think that at the end there wont be anything else so they dont even bother going so far) I found a solution where I could, when the user gets to 37, make him jump to 75 afterwards. (Usability wise this is quite strange as the slider would jump almost half of the bar to the right, so that the user might think that there is a bug where he cant see all the values)

So now my question : Is it possible to exclude values on a range slider and append new ones at the end? So that I would have such a slider: 0-34/removed values/75-96. Or do you have a different idea on how to solve such a setup in a character creator. The Char Creator is created using HTML/CSS & Javascript/Jquery

Add Comment
0 Answer(s)

Your Answer

By posting your answer, you agree to the privacy policy and terms of service.