Touch Enabled Content Swiping Plugin with jQuery - slideToucher
File Size: | 42.7KB |
---|---|
Views Total: | 2129 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

slideToucher is a jQuery plugin for touch screen that supports vertical or horizontal content swiping/sliding.
How to use it:
1. Include jQuery library and slideToucher in the header
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/slideToucher.js"></script>
2. Markup
<section id="slides"> <div class="row"> <article class="slide"></article> <article class="slide"></article> <article class="slide"></article> <article class="slide"></article> </div> <div class="row"> <article class="slide"></article> <article class="slide"></article> <article class="slide"></article> <article class="slide"></article> </div> <div class="row"> <article class="slide"></article> <article class="slide"></article> <article class="slide"></article> <article class="slide"></article> </div> </section>
3. Call the plugin
$("#slides").slideToucher({ vertical: true, horizontal: true });
This awesome jQuery plugin is developed by unknown. For more Advanced Usages, please check the demo page or visit the official website.