From the course: Learning jQuery UI
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
The Slider control - jQuery Tutorial
From the course: Learning jQuery UI
The Slider control
- Let's take a look at the Slider Control next. In the ExampleSnippets let's scroll down to the Slider section, and open up Slider_start in the editor. And here, once again, we can see that we've got all the necessary jQuery UI infrastructure in place, so let's go ahead to the Snippets. Let's begin by making a Slider Control, and we'll copy these lines right here and paste them in to the document. Put them in the document ready function, and we'll save. Now, before I run it, let's take a look at the contents of the document. Down here, I have some content, and this div, right here, with the id of sliderCtrl1, is going to be our first Slider. You can also see that I've got a class assigned to it named sliderClass, which simply sets the width of the Control. Otherwise, it would be 100% of the page. I've got two other divs, sliderCtrl2 and sliderCtrl3, which we'll see how to use a little bit later. Right now, let's just take a look at the basic Slider. So, here I'm creating a Slider…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.