WebAppers

/ best free open source web resources /

Shopify

Presentation Cycle with a Progress Bar

Posted · Category: Gallery, License Free

Cycle is a script that supports image presentations to easily display multiple images. This script supports a lot of effects and the cycling of html elements. Presentation Cycle is a variation on the functionality of Cycle. Instead of generating a list of numbers that are clickable Presentation Cycle generates a progress bar that shows when the new slide will appear.

Gaya Design has written a tutorial explain how to implement this on your web page and give you some tips on how to adjust the looks of the cycle elements and progress bar.

presentation-cycle

Requirements: jQuery Framework
Demo: http://www.gayadesign.com/scripts/presentationCycle/
License: License Free

2 Comments
  • http://vandriessche-interieur.be/ keukens

    It’s well done and a good idea but I think people will want to have a ‘next’ and ‘previous’ button

  • http://f055.net f055

    This is awesome, what would make it perfect is what @keukens said, prev/next, as well as numbers on each bubble.

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons