Touch Enabled Content Swiping Plugin with jQuery - slideToucher

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

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.