Simple Touch-Friendly jQuery Image Gallery Plugin - Touch Image Gallery

Simple Touch-Friendly jQuery Image Gallery Plugin - Touch Image Gallery
File Size: Unknown
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Touch Image Gallery is a fast and simple jQuery plugin which turns a unordered list of images into a touch & swipe friendly image gallery for mobile website. It also supports the traditional way of navigating for desktop browsers like IE7+, Chrome, Firefox, etc.

How to use it:

1. Load the latest jQuery library on the page

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

2. Include touchSwipe Plugin for tounc / swipe navigation support

<script type="text/javascript" src="jquery.touchSwipe.min.js"></script>

3. Include jQuery Touch Image Gallery after jQuery library

<link rel="stylesheet" href="touchgallery.css" />
<script src="touchgallery.js">

4. Create the html for the image gallery

<div id="demo" class="touchgallery">
<ul>
<li><img src="pool.jpg" /></li>
<li><img src="cave.jpg" /></li>
<li><img src="fruits.jpg" /></li>
<li><img src="autumn.jpg" /></li>
</ul>
</div>

5. Call the plugin with options

<script>
jQuery(function(){ 
$('#demo').touchgallery({ 
width: 250,
height: 200
})
})
</script>

This awesome jQuery plugin is developed by dynamicdriverepo. For more Advanced Usages, please check the demo page or visit the official website.