Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Sliders

Three Circles

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

Three Circles - CodeCanyon Item for Sale


Ad: Bluehost hosting
photo cc_zps3cc4c81d.png photo support_zps71bbabaf.png

About plugin

ThreeCircle is a unique and easy to use carousel slider written in jQuery compatible with old browsers like IE 6. Do not do just designs with sharp edges, make something beautiful and different. Plugin is easy customizable, circles positions are not limited and can be easily changed using CSS or JavaScript parameters. It is greate for screenshoots, products or natural images.

Main Features

  • More then 10 themes included (Size, Color, Vertical), look at screenshots
  • More then 10 transitions support
  • More then 10 progressbar themes included
  • Support unlimited number of images
  • Multiple carousels on a single web page
  • You can add title text description that associated with each image, and placing it anywhere in the web page
  • Automatically transitions through your carousel when visitors arrive on your website. Great for header sliders
  • Navigate with direction button (next/prev)
  • CSS3 driven, graceful degradation Displays consistently across all major browsers including Internet Explorer, Firefox, Opera, Chrome, and Safari.
  • Easily circles positioning & customizable (Speed, pause, callbacks, original template images from Fireworks provided) Callback function. Execute functions on direction button and animating between slides
  • Public API available
  • Documentation with description and lots of examples, look at screenshots
  • Free updates & support

Download Package

  • Source and Minified JS
  • Source and Minified CSS
  • Documentation
  • Examples
  • Layered ”*.png” files

Simple to implement


Insert simple HTML structure with list of images where you want to have carousel

ref1 left src9yac1tths.3pq plexita p1nts arctul1ps.3pg tul1p.tcrc.s.3pg perenhh.1

2. Javascript

Just run jQuery plugin

photo example


1.1 – 11 February 13
  • More themes
  • Vertical layout examples
  • Structure improvements
1.0 – 28 January 13
  • Initial release


If you enjoy this plugin please rate & share it! If you are rating it with less than 5 stars please drop me a mail why it didn‘t achieve a full score and what could be improved in your opinion.


Visitors See more 821 IGB 240 148 ibIcA 101 LIN 457 160 IIFR 125 378 154 lilT 110 5,536 FLAG

Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers


28 January 13

Last Update:
11 February 13

Compatible Browsers:
IE6, IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

Files Included:
JavaScript JS, HTML, CSS, Layered PNG

Software Version:


eCommerce, All Items, bubbles, carousel, circle, gallery, javascript, jquery, plugin, slider