Skip to content

Javascript image slideshow

My Impressive Animations blog is a collection of impressive images as the name suggests :-). I keep on adding images, in-spite of the fact that the blog page grows longer, and takes a while till all images are shown. This was a problem. Could all my images just become a slideshow without any changes to my blog?

This made me search on WordPress, and on Internet for any simple, easy to use slideshow tools. In fact, I found quite a few, but these were a little over-complicated to use. Some were using Flash, some pure Javascript, but the trouble I had was (perhaps due their maturity) too many options, or few installations to get them using. Being somewhat impatient, I thought maybe I could create this for myself. And that’s what I did.

I give you Image SlideShow (Javascript, CSS). It’s very easy to use, just follow these 3 simple steps-

  1. Add jQuery
  2. Add Image SlideShow (Get Javascript, CSS here)
  3. Change your existing <img> tags to include class=”slideshow”
  4. [Optional] For multiple separate slideshow blocks on same page, enclose your set of images with <p></p>, or <div></div> tags
  5. That’s it!

Take a look at my blog where I’ve used this, and you’ll get the idea on how it works. This has made it a lot easier for me to add new images to my blog, and let everyone enjoy the slideshow.

Leave a Reply

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

fourteen − 12 =