Simple Touch-Friendly jQuery Image Gallery Plugin - Touch Image Gallery
File Size: | Unknown |
---|---|
Views Total: | 1724 |
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.