TouchCarousel is mobile-friendly and light-weight jQuery content material scroller with contact navigation for cell and desktop. Could also be used as carousel, banner rotator and picture gallery.
It’s utilized by high internet design businesses, e mail e-newsletter corporations and easy colleges.
- Contact navigation for supported gadgets.
- Paging and free-scroll mode.
- Physics-based scrolling.
- Fluid width of carousel for free-scroll mode.
- Quick, accelerated CSS3 transitions.
- 4 distinctive skins with photoshop recordsdata.
- A number of carousels with completely different skins on one web page is allowed.
- web optimization pleasant, content material will not be hidden.
- Configurable gadgets per scroll and snapping.
- Highly effective, documented API — public strategies, properties, callbacks.
- Customizable UI — allow or disable arrows, bullets, scrollbar.
- Tremendous simple to model — CSS file is commented and arranged.
- Mouse-drag navigation will be eliminated should you don’t want it.
- Every merchandise can have any html content material(besides video) and will be any measurement.
- Good autoplay(slideshow) — pauses while you hover over and stops when some motion with carousel is finished (non-compulsory).
- Easy documentation.
- Assist and updates.
- Optionally available keyboard navigation and rather more…
Please notice that TouchCarousel is responsive solely in full-width free-scroll mode (for width).. When you’re on the lookout for responsive slider – use my RoyalSlider plugin, you may put a number of gadgets in a single slide in it, so it’ll appear to be carousel.
TouchCarousel is examined on Mac, PC, iPad 2, iPhone four, HTC Want and Blackberry PlayBook. When you’ve discovered that one thing works incorrectly in your gadget, so please contact me by means of my profile web page.
Superior options (largely for devs):
- Doesn’t block default browser scroll on contact gadgets. Drag solely in a single path is allowed.
- Understands distinction between click on and drag. Use hyperlinks in it calmly.
- Contact navigation will be eliminated over components by including particular class to them. Use it while you want default browser behaviour on contact gadgets (choosing textual content, enter fields).
My featured plugin
For help contact me by means of contact kind on my profile web page. Please don’t submit hyperlinks and code in feedback, use contact kind for this.
Images in preview by
- jQuery 1.9.zero compatibility and iOS6 timer bug repair.
- Mounted new Date() bug in ie 7-Eight.
To get notified about my plugin updates and new releases observe me on Twitter or be part of my e mail e-newsletter (unsubscribe at any time, mailchimp).