Simple jQuery Slideshow with Controls

I was looking for a simple Slideshow to add in one of my projects. But after searching on the internet I was not able to find my desired slideshow component then I decided to create my own.

I created this nice and simple slideshow using jQuery and jQuery Cycle plugin. It has Numbers control with Next and Previous control. This is not only image based slideshow but you may also put some content in each slide too.

I’m releasing this component for free. You may download and may use it in your own projects.

See Demo Download Source Code

Your comments and suggestions are always welcome. Please spread the word and share this component on your favorite website.

written by +

I believe we learn everyday a new thing and add another experience in our life. Same apply for me…so I share my experiences in the field of web development and design with the hope it will be useful for someone.
Related Posts

10 Responses to "Simple jQuery Slideshow with Controls"

  1. Jess says:

    This is simple, elegant, and works wonderfully! Thank you so much for sharing!

  2. Ali Ahmed says:

    Thanks for your comment.

  3. Susan says:

    Thanks for this! So easy to customize and working great!

  4. Chris says:

    Fantastic! I’ve tried several slideshows over the last week or so and spent more time stripping out their gaudy styling and bloated code than anything else. Yours is great. Thank you.

  5. Rodrigo says:

    HI, thanks for your slideshow, it’s awesome !

    I’m using it, and i just want to know, how can i trigger a pages with jquery? like an external control, with a selector.
    i was trying this :

    $(‘.pages .img.number.1′).trigger(‘click’); ??? doesn’t worl

    what’s is the selector for the pages?

    thanks a lot!

    Rodrigo

  6. Tom says:

    Hello, I think your slider is one of the best around, simple and to the point. One huge problem I’m having is getting it to work on my blog. When I run it locally it works fine (all the files its using e.g. images and scripts are all uploaded online and referenced into the page, so I know the links are working).

    Also I know it’s not my method of implementing as I have placed other slideshows in my blog and they worked , but they weren’t to my liking, hence I wanted to use yours.

    Do you have any work abounds as yours is the best – the blog is the one I have included above

    Cheers :)

  7. tom says:

    hey im having a problem with this slide show im using adobe dreamweaver to create my site i have implemented everything that is all working i just cant get the javascript files to be attached to the page i have uploaded everything and saved everything i just cant get it to work any ideas ??

  8. Lindsay says:

    This is AWESOME. I have been looking for this forever! Can someone direct me how to slow down the changing of the slideshow??

  9. Ivan Lopes says:

    This is Awsome! Simple, clean… Love it.
    Thank you so much

  10. Nicolas says:

    Wonderful script. Big thanks.

    ~N

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv badge
© Copyright - Tech Mug