- 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 Control,…and I'm passing in an option called animate fast,…
Skill Level Beginner
1. Basic jQuery UI Widgets
2. Advanced jQuery UI Widgets
3. Behaviors and Effects
4. jQuery UI Utilities
Next steps1m 8s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.