WebAppers

/ best free open source web resources /

Shopify

How to Create an Image Rotator with jQuery and CSS

Posted · Category: Gallery, License Free

An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. DesignMag has published a tutorial teaching us how to Create an Image Rotator with jQuery and CSS. It will help you understand how the image rotator works and helps you create your own from scratch.

Do keep in mind these jQuery driven image rotators do not degrade in the best fashion. When you disable JavaScript, each thumbnail must be clicked on to get the larger image (which opens in the same window).

Image Rotator

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

3 Comments
  • http://www.anoldhouse.net/blog/ Matthias

    Thanks again for the nice dig. :)

  • Pingback: links for 2009-05-07 « Giri’s Blogmarks

  • http://pxjunkie.blogspot.com erbag

    I came across this a few days ago, I like. I was hoping that it would cycle through the tabs though.

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons