HEADING-1 GOES HERE
DESCRIPTION GOES HERE
HEADING-2 GOES HERE
DESCRIPTION GOES HERE
HEADING-3 GOES HERE
DESCRIPTION GOES HERE
HEADING-4 GOES HERE
DESCRIPTION GOES HERE
HEADING-5 GOES HERE
DESCRIPTION GOES HERE

How To Customize The Slideshow Code? Simply replace URL OF IMAGE with the Image link and replace bolded black texts with your preferred headings and descriptions. You can play around how the slider appears. If you want the slider to appear from bottom then change the class to bottom if you want the slider to appear from right then change it to right and so on. If you wish you can set all sliders to bottom or top or to any position you wish. If you want to slow down the speed with which the slider come and go then set timeOut: 3000 to a higher value like 4000 or 5000. The default size of all images that I have used in this tutorial is having a width=550px and height=335px. So take images of equal size and then play around the sizes width: 590px and height: 335px You can note that the width size i.e (590px) is greater than the actual image size of 550px. You will have to keep the width 20-40px greater than the actual image size so that the image may perfectly fit into the slide. You can play with this part and all other parts using our Magic tool i.e MBT HTML Editor