Current version: 1.0.0
A simple css/javascript plugin to make your HTML gallery rock. Built on swipebox
#####Easygallery depends on jQuery. Download the latest version here: http://jquery.com/download
#How to use
-
Download Easygallery
-
Set up your folders
Example:
-project
--css
--js
--img
---thumbs
--index.html
- Set up your markup
Example:
<a href="img/pic1.jpg" class="swipebox" title="Picture 1">
<div class="thumb" data-src="img/thumbs/pic1.jpg" id="thumbid1" rel="gallery-1"></div>
</a>
<a href="img/pic2.jpg" class="swipebox" title="Picture 2">
<div class="thumb" data-src="img/thumbs/pic2.jpg" id="thumbid2" rel="gallery-1"></div>
</a>
etc.- Link all the needed files
- jQuery
<script type="application/javascript" src="js/jquery.js"></script>- Easygallery
<link rel="stylesheet" tyep="text/css" href="css/easygallery.min.css">
<script type="application/javascript" src="js/easygallery.min.js"></script>Important: Put your <link> elements in the <head> and your <script> elements right before </body>.
Also, put <script> of jQuery before any other <script>!