1. Home
  2. /
  3.  Code
  4. /
  5. JavaScript Sliders
  6. /
  7. TouchCarousel – jQuery Content Scroller and Slider

TouchCarousel – jQuery Content Scroller and Slider

Category: JavaScript Sliders
Tags:  android, autoplay, banner rotator, carousel, fluid, gallery, iPad, iPhone, jquery, mobile, plugin, scroller, slider, slideshow, touch

TouchCarousel is mobile-friendly and lightweight jQuery content scroller with touch navigation for mobile and desktop. May be used as carousel, banner rotator and image gallery.
It’s used by top web design agenciesemail newsletter companies and simple schools.


  • Touch navigation for supported devices.
  • Paging and free-scroll mode.
  • Physics-based scrolling.
  • Fluid width of carousel for free-scroll mode.
  • Fast, hardware accelerated CSS3 transitions.
  • Four unique skins with photoshop files.
  • Multiple carousels with different skins on one page is allowed.
  • SEO friendly, content is not hidden.
  • Configurable items per scroll and snapping.
  • Powerful, documented API — public methods, properties, callbacks.
  • Customizable UI — enable or disable arrows, bullets, scrollbar.
  • Super easy to style — CSS file is commented and organized.
  • Mouse-drag navigation can be removed if you don’t need it.
  • Each item can have any html content(except video) and can be any size.
  • Smart autoplay(slideshow) — pauses when you hover over and stops when some action with carousel is done (optional).
  • Simple documentation.
  • Support and updates.
  • Optional keyboard navigation and much more…

Please note that TouchCarousel is responsive only in full-width free-scroll mode (for width).. If you’re looking for responsive slider – use my RoyalSlider plugin, you can put multiple items in one slide in it, so it’ll look like carousel.

TouchCarousel is tested on Mac, PC, iPad 2, iPhone 4, HTC Desire and Blackberry PlayBook. If you’ve found that something works incorrectly on your device, so please contact me through my profile page.

Advanced features (mostly for devs):

  • Doesn’t block default browser scroll on touch devices. Drag only in one direction is allowed.
  • Understands difference between click and drag. Use links in it calmly.
  • Touch navigation can be removed over elements by adding specific class to them. Use it when you need default browser behaviour on touch devices (selecting text, input fields).

Related products