Learn to create Image Slider in HTML5, CSS3 and JQuery
4.6 (13 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,057 students enrolled

Learn to create Image Slider in HTML5, CSS3 and JQuery

In this course you will learn how to create an awesome image slider in HTML5, CSS3 and JQUERY
4.6 (13 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,057 students enrolled
Last updated 2/2019
English
English [Auto]
Current price: $104.99 Original price: $149.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 3 hours on-demand video
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • After this course, students can create an awesome slider in Jquery, Html, Css.
Course content
Expand all 21 lectures 03:01:01
+ Creating the Layout
4 lectures 36:02
Design part 1
08:13
Design part 2
09:48
Designing thumbnails
07:22
First image thumbnail
10:39
+ Making Image Slider
14 lectures 01:58:11
Adding Scroll bar
04:53
Slider functionality part 1
11:59
Slider functionality part 2
09:54
Fade in and fade out
03:00
Adding Scroll bar movement part 1
08:47
Adding Scroll bar movement part 2
06:12
Adding Play and pause futionality
05:01
Show image on click
11:43
Next and previous button functionality
11:08
Expand Image on full screen
11:57
Adding Image icons
11:15
Adding funtionality to play, pause and close button
12:43
Next and previous button functionality on large screen
09:05
Final Words
00:34
Requirements
  • You must have basic knowledge of Jquery, Html, Css.
Description

In this course you will learn How to create an Image Slider In JQuery, HTML5 and CSS3. In jQuery you can do many things in very easy way. Anyone can take this course who want to learn image slider. We will start off by creating a beautiful design for our image slider using HTML5 and CSS3 and then we will work on JQuery to make that design work. Every aspect is covered in great details.First, we will download some cool images from internet. Then we will adjust those images in photoshop. Then We will make a cool image slider design using html5 and css3. In design, we will show the thumbnails of images on the bottom and slider image on the top. We will learn how to add awesome scroll bar in thumbnails using jquery. Then we will learn how to apply slider on these images and how we can stop and start the slider. Then we will learn how to left and right the image in jquery and how we can choose the image directly from thumbnails. We will also learn how to show the slider on large screen and how to left and right the image on large screen. Then how to close the large screen. 

we will code full image slider in this course along with explaination. Instructor will explain each and everything in this course. 

If you face any problem during learning this course you can ask the question at any time and i will answer that question ASAP. I will also help you in coding your image slider if you will get any problem.

If you will feel that this course doesn't worth your money. you can refund your money within 30 days after taking this course. So, stop thinking and start learning. I will see you inside.

Who this course is for:
  • Anyone who want to learn how to create a cool image slider in jquery.