Tag: image.slideshow

  • 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.