Sari la conținut
AssetQuarry

TouchCarousel – jQuery Content Scroller and Slider

11,00 €

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 agencies, email newsletter companies and simple schools. Fluid width of carousel for free-scroll mode.

Why it is worth it

TouchCarousel is a proven, well-rated jQuery scroller with touch support and a documented API. It suits projects that need a simple carousel or content scroller, though it has not been updated since 2016.

  • Over 5,500 sales and a 4.67 rating from 377 reviews
  • Touch, mouse-drag and keyboard navigation supported
  • Four skins with layered PSD files included
  • Documented API with methods, properties and callbacks
  • Multiple carousels with different skins on one page
  • Responsive only in full-width free-scroll mode
  • Last updated in 2016, so check compatibility with modern jQuery

Best for: Web designers and developers who need a lightweight, touch-friendly jQuery carousel or content scroller for a classic jQuery-based site.

Affiliate disclosure: this product is sold on Envato Market. If you buy through our link we may earn a commission, at no extra cost to you.
  • 5,597 sales
  • 4.67 (377)
  • by GalleryForge
  • Updated September 27, 2016

Description

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 agencies, email newsletter companies and simple schools.

Features:

  • 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).

TouchCarousel - jQuery Content Scroller and Slider - 1

For support contact me through contact form on my profile page. Please don’t post links and code in comments, use contact form for this.

Photos in preview by
cuellar
, not included in download pack.

Changelog

Version 1.2

  • jQuery 1.9.0 compatibility and iOS6 timer bug fix.

Version 1.1

  • Fixed new Date() bug in ie 7-8.

To get notified about my plugin updates and new releases follow me on Twitter or join my email newsletter (unsubscribe at any time, mailchimp).

Frequently asked questions

What does TouchCarousel need to run?

It is a jQuery plugin, so your page needs jQuery. The item lists compatibility with IE7 to IE10, Firefox, Safari, Opera and Chrome. Check the item page for the exact jQuery versions supported.

Is TouchCarousel fully responsive?

It is responsive only in full-width free-scroll mode, and only for width. The author recommends their RoyalSlider plugin if you need a fully responsive slider.

What files are included in the download?

The package includes JavaScript, HTML, CSS and layered Photoshop (PSD) files. It also comes with four skins and documentation.

Can I put video inside the carousel items?

Each item can hold any HTML content of any size, except video. See the live demo to view the supported content types.

Can I use more than one carousel on a page?

Yes, multiple carousels with different skins can be used on the same page.