TouchCarousel – jQuery Content Scroller and Slider
TouchCarousel is cell-pleasant and light-weight jQuery content material scroller with contact navigation for cell and desktop. May be used as carousel, banner rotator and picture gallery.
It’s utilized by prime web design agencies, email newsletter companies and easy schools.
Features:
- Touch navigation for supported gadgets.
- Paging and free-scroll mode.
- Physics-based scrolling.
- Fluid width of carousel free of charge-scroll mode.
- Fast, {hardware} accelerated CSS3 transitions.
- Four distinctive skins with photoshop recordsdata.
- Multiple carousels with completely different skins on one web page is allowed.
- search engine marketing pleasant, content material shouldn’t be hidden.
- Configurable objects per scroll and snapping.
- Powerful, documented API — public strategies, properties, callbacks.
- Customizable UI — allow or disable arrows, bullets, scrollbar.
- Super simple to model — CSS file is commented and organized.
- Mouse-drag navigation might be eliminated in the event you don’t want it.
- Each merchandise can have any html content material(besides video) and might be any dimension.
- Smart autoplay(slideshow) — pauses while you hover over and stops when some motion with carousel is completed (optionally available).
- Simple documentation.
- Support and updates.
- Optional keyboard navigation and far more…
Please observe that TouchCarousel is responsive solely in full-width free-scroll mode (for width).. If you’re in search of responsive slider – use my RoyalSlider plugin, you possibly can put a number of objects in a single slide in it, so it’ll appear to be carousel.
TouchCarousel is examined on Mac, PC, iPad 2, iPhone 4, HTC Desire and Blackberry PlayBook. If you’ve discovered that one thing works incorrectly in your machine, so please contact me by my profile page.
Advanced options (largely for devs):
- Doesn’t block default browser scroll on contact gadgets. Drag solely in a single course is allowed.
- Understands distinction between click on and drag. Use hyperlinks in it calmly.
- Touch navigation might be eliminated over components by including particular class to them. Use it while you want default browser behaviour on contact gadgets (deciding on textual content, enter fields).
My featured plugin
For help contact me by contact type on my profile page. Please don’t submit hyperlinks and code in feedback, use contact type for this.
Photos in preview by
cuellar, not included in obtain pack.
Changelog
Version 1.2
- jQuery 1.9.0 compatibility and iOS6 timer bug repair.
Version 1.1
- Fixed new Date() bug in ie 7-8.
To get notified about my plugin updates and new releases observe me on Twitter or be a part of my email newsletter (unsubscribe at any time, mailchimp).
