Open Source Resources for Web Application Developers

Shopify - Online Store Builder
Follow Us on Social Sites
Subscribe RSS Subscribe Newsletter Like us on Facebook Follow us on Twitter Follow us on Google+
  • Home
  • News
  • Plugins
  • Design
  • Others
  • Books
  • About
15 Feb

Automatic Image Rotator with CSS and jQuery

  • Gallery, License Free
  • Leave a Comment

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

Share
Tweet
Sponsors
subscribe to our newsletter - weekly free resouces for web developers
follow us on social sites - rss, facebook, google+, Twitter
Subscribe RSS Like us on Facebook Follow us on Twitter Follow us on Google+
Related Resources
How to Create an Image Rotator with jQuery and CSS

How to Create an Image Rotator with jQuery and CSS

CU3ER – 3D Transitions Image Slider in Flash

CU3ER – 3D Transitions Image Slider in Flash

A New jQuery Image Slider with 9 Transition Effects

A New jQuery Image Slider with 9 Transition Effects

jQuery Plugin to Create 360 Degree Image Slider

jQuery Plugin to Create 360 Degree Image Slider

How to Build a Dynamic Flash Gallery with Slider Control

How to Build a Dynamic Flash Gallery with Slider Control

Mootools Double Pinned Slider with Range Indicator

Mootools Double Pinned Slider with Range Indicator

Comments
  • http://www.gold-price-today.com/ اسعار الذهب اليوم

    beautiful slideshow and nice examples
    thanks alot

  • http://www.studioweber.ro Alex Flueras

    Nice effect. Thanks for sharing.

  • http://www.sazzy.co.uk/ Sarah Parmenter

    The title is misleading.

  • http://www.adammwood.com Adam Wood

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

  • http://turnkeye.com/ Turnkeye

    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.

  • http://www.cizgi-filmler.com çizgi filmler

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

  • http://www.MyOnlineTrainingHub.com Philip Treacy

    Excellent. thanks for the link

  • http://www.cizgifilmi.gen.tr cizgifilmi

    I think it was a good article, congratulations.

  • http://www.ricstarwebdesign.com Ric Cuevas

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

  • http://www.drockstar.com ionman

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

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

© Copyright 2012 WebAppers | About | Archives | Privacy Policy | Advertise | Contact

Sponsors
Advertise Here
Search
By Keywords
30 Days / All Time
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • Professional Business Cards Made By Designers
  • Best Free Chrome Extensions for Web Developers
  • All of the Best Free WordPress Themes You Need
  • How to Create a Web App Admin User Interface
  • Nice List of Open Source Fish Eye Menu
  • Best Web Admin Templates
  • 25 Useful Blogs for Web Design & Development
  • Simple Javascript Progress Bar with CSS
  • 10 Useful & Quality Design Resources
  • Free Web Application Icons
  • Free Responsive HTML5 + CSS3 Site Templates
  • 35 Creative Twitter Covers for Web Designers
  • FROONT: Responsive Web Design in the Visual Way
  • Designing Experiences for Responsive Web Sites
  • jQuery Unveil: The Lightweight Version of Lazy Load
  • What are HTML5 Datalists and When to Use Them
  • Easy Responsive Tabs jQuery Plugin for Web & Mobile
  • jQuery.Swatches Turns Div into a Sweet Color Swatch
  • Pure: A Set of Small & Responsive CSS Modules
  • Create Sexy Android-like UI with Fries
Sponsors
Plugins
  • Advertisement15
  • Calendar48
  • Capture19
  • Charts55
  • Chat22
  • Demo Tour17
  • Gallery121
  • Maps30
  • Menu87
  • Polls9
  • Popup50
  • Tooltips42
  • Upload33
  • Video18
Desgin
  • Brushes11
  • Buttons27
  • Color Schemes25
  • Fonts47
  • Forms115
  • Icons110
  • Patterns24
  • PS Tutorials17
  • Stock Photos21
  • Tables25
Others
  • Announcement104
  • Best Collections6
  • Code57
  • eCommerce25
  • Framework217
  • Hosting13
  • Information245
  • Inspiration32
  • Legal Documents10
  • Reviews8
  • Security13
  • Social28
  • Sound16
  • Stats40
  • Tools302
  • Webmail14
Licesnes
  • BSD License69
  • CC License123
  • GPL License224
  • LGPL License40
  • License Free749
  • MIT License423
Sponsors
Advertise Here
Partners
MaxCDN