I wanted to customize the JQueryUI slider but am not able to find any way to change the slider handle images. The JQuery Themeroller also does not seem to allow the change of handle images. Does somebody know how to do this?
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I wanted to customize the JQueryUI slider but am not able to find any way to change the slider handle images. The JQuery Themeroller also does not seem to allow the change of handle images. Does somebody know how to do this?
From the jQuery UI docs:
In this particular case, you want to take a look at the element with classname
ui-slider-handle.The default slider handle element has the following classnames applied to it:
Take a look at the CSS corresponding to these classnames and you will most likely be able to edit everything you need.
Also, I suggest you install Firebug. This Firefox plugin will make tasks like these a lot easier on you.