jQuery Tutorial #6 - Building a jQuery Image Slider

In this jQuery Tutorial, we're going to be building a jQuery Image Slider Widget. There are lots of great jQuery slider plugins out there that have way more features and real-world testing, but this lesson on building one will help you understand jQuery programming a lot. We'll also introduce the concept of "DOM caching" - searching the DOM as little as we possibly can and then saving the results for quick-access later. Let's get into this jQuery Tutorial

Lesson #1: jQuery Tutorial for Beginners

Lesson #2: Listen to user events and respond with jQuery actions!

Lesson #3: Clean up the jQuery by putting some data in the HTML

Lesson #4: "DOM Traversal" with jQuery

Lesson #5: Building a jQuery Tab Panel Widget

-~-~~-~~~-~~-~-
Also watch: "Responsive Design Tutorial - Tips for making web sites look great on any device"
-~-~~-~~~-~~-~-

[frontluenddan]

There are ton of tutorials but the reason why i'm watching your videos because when i listen to you i dont get asleep. You sound great and you are having fun while teaching. This is the reason i get attacted to your videos. Other things i like about you is you dont show us boring intros, you start directly coding, you dont make forced and fake jokes. Keep it up

[hazzula]

Duuude I have never thought about sliders in the way you explained them in this video. The first 2 mins alone were very informative

[MrBelkanwar]

so far, this is the BEST tutorial about Image Slider I've never seen in youtube, this channel is great! thanks a lot!

[fissahadarge]

The quality and cleanliness of your code is awesome. It made me rethink a lot about my own.

[ChiefToymaker]

You have my favorite tutorials. These are super straightforward and practical.

[snorky]

I am a javascripter and have a head start here. This is a very cool tutorial series. Makes a lot of sense.

[priyanshvatsal]

the way you teach is aewsome sir . now i finally i can make a image slider anywhere in my webpage; you are great sir

[davidsmith-wsbz]

Great Tutorials, well explained, good presentations, easy to follow, basically my favorite instructor for tutorials.
If its to fast or whatever for you just go to the settings and choose a slower speed, "right hand side of the play video menu in settings"
Thanx for posting!

[indie_rok]

Great tutorial! I challenged myself and I was able to add captions, next/prev buttons and easing to the animation. I know my way around Jquery quite a bit, but there's always something new to learn, which is pretty sweet. Thanks a lot.

[phil_jc_dev]

One of the most well presented slider tuts I have watched. Nice.

[samyyoussef]

Great, that is how a knowledgeable, smart and tidy volunteer tutor should be, otherwise no "lots of thanks for sharing ur knowledge';

[youser]

"Types slideConaiier"
"Oh I didn't spell that right"
*corrects it*
"Types slideConatiner and copy's it everywhere"
There we go! now, *continues

[awesomefish_]

Really great tutorials. They don't put me to sleep

[kasumsemir]

Very stright and clear.. Saved me a little bit of effort.. Thanks man...

[HelmarBaechle]

best Channel so far in regards to jQuery and Javascript. Keep up to good work

[rnseby]

Awesome tutorial. After getting your slider working, I challenged myself to adding buttons for Previous, Play/Pause and Next. Took me a couple of hours, but got everything working. Even going from the first image around back to the last image, without a skip of images. Pretty proud of myself if I do say so. 

Thanks, for these tutorials. 

[ravi]

Best Tutorial ever seen for JQuery. No Words to Thank u. Amazing stuff

[shiaosung]

Thank you so much!!!! I was struggling with the slideshow that goes back to the original slide without scroll all the slides. Thanks for the logic and you ARE AWESOME!!! I finally got it work! Thank you again!

[FunkyToe]

This is absolutely fantastic. I know very little about javascript or jquery but I understand everything you explained and it is extremely clear.

Would easily be able to replicate this for my websites.

Thank you so much for doing this.

[KirillPutryk]

Awsome. Realy great toturial. Easy to understand and follow. Thumbs up man!!!