WebAppers

/ best free open source web resources /

Shopify

Automatic Image Rotator with CSS and jQuery

Posted · Category: Gallery, License Free

With the release of the iPad and its lack of support for flash, it has stirred up a lot of debates regarding the future of flash. With this in mind, SohTanaka believes it is wise to build simple widgets like the image slider using HTML / CSS / Javascript, and leave more interactive applications for flash if needed.

Therefore, SohTanaka has built an Automatic Image Slider with CSS and jQuery. This html based image slider will have its benefits with SEO and will also degrade gracefully for those without Javascript enabled.

image-rotator

Requirements: jQuery Framework
Demo: http://www.sohtanaka.com/web-design/examples/image-slider/
License: License Free

11 Comments
  • beautiful slideshow and nice examples
    thanks alot

  • Nice effect. Thanks for sharing.

  • The title is misleading.

  • Thanks for the resource but the title is misleading. I thought it would auto cycle through the images. Thanks though!

  • This is very popular sliding banner effect.

    Nice!

  • kevin

    Really nice slideshow! One of the best I’ve seen, nice and clean.

    Adam – It does cycle through the images automatically, but if you hover over on of the images there is a delay, when you come off the images they will start to rotate again.

  • image slider using HTML / CSS / Javascript, and leave more interactive applications for flash if needed.

  • Excellent. thanks for the link

  • I think it was a good article, congratulations.

  • Very nice. Thanks for sharing this, and making it so easy to use.

  • great! easy to learn. easy to use. thank you

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons