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 web design agencies, email newsletter companies and easy schools.
Options:
- Contact navigation for supported units.
- Paging and free-scroll mode.
- Physics-based scrolling.
- Fluid width of carousel for free-scroll mode.
- Quick, {hardware} accelerated CSS3 transitions.
- 4 distinctive skins with photoshop recordsdata.
- A number of carousels with totally different skins on one web page is allowed.
- search engine optimisation 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 straightforward to type — CSS file is commented and arranged.
- Mouse-drag navigation might be eliminated should you don’t want it.
- Every merchandise can have any html content material(besides video) and might be any dimension.
- Good autoplay(slideshow) — pauses once you hover over and stops when some motion with carousel is completed (elective).
- Easy documentation.
- Assist and updates.
- Non-obligatory keyboard navigation and way more…
Please be aware that TouchCarousel is responsive solely in full-width free-scroll mode (for width).. For those who’re on the lookout for responsive slider – use my RoyalSlider plugin, you’ll be able to put a number of gadgets in a single slide in it, so it’ll seem like carousel.
TouchCarousel is examined on Mac, PC, iPad 2, iPhone 4, HTC Want and Blackberry PlayBook. For those who’ve discovered that one thing works incorrectly in your machine, so please contact me by way of my profile page.
Superior options (principally for devs):
- Doesn’t block default browser scroll on contact units. Drag solely in a single path is allowed.
- Understands distinction between click on and drag. Use hyperlinks in it calmly.
- Contact navigation might be eliminated over components by including particular class to them. Use it once you want default browser behaviour on contact units (choosing textual content, enter fields).
My featured plugin
For assist contact me by way of contact type on my profile page. Please don’t submit hyperlinks and code in feedback, use contact type for this.
Images in preview by
cuellar, not included in obtain pack.
Changelog
Model 1.2
- jQuery 1.9.0 compatibility and iOS6 timer bug repair.
Model 1.1
- Mounted 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).
Source
