image slider using jquery

Images Sliding Thumbnails

In this tutorial we are going to create image sliding with a thumbnail area that scrolls automatically when moving the mouse to the right and left side. The scrolling functionality of the thumbnail bar is based on the Horizontal Scrolling Menu made with CSS and jQuery. In additional script to run the project is using PHP to get the images and thumbs automatically from the folder structure. See the example code below.

Sample Code

HTML and the PHP Script.

Image Slider

This is a simple image slider using JavaScript and jQuery. This slider automatically slides and takes you to the next image. And while the slideshow plays, you can also click the previous and next button. To pause the slideshow, hover the mouse pointer over the image. Hope this helps.