GitHub - flipGallery/flipGallery: jQuery Powered Animated Photo Gallery

Branches Tags

Name		Name	Last commit message	Last commit date
Latest commit History 10 Commits
demos		demos
README.txt		README.txt
flipGallery.jquery.json		flipGallery.jquery.json
flipgallery.min.js		flipgallery.min.js
settings.js		settings.js

Repository files navigation

/*!
 * flipGallery - jQuery Powered Animated Photo Gallery
 * version: 1.1.1
 * @requires jQuery v1.5 or later
 *
 * License at http://flipgallery.net/#download
 * 
 * Example at http://flipgallery.net
 *
 * Copyright 2014 flipGallery.net
 *
 */

About flipGallery 

flipGallery is a free and lightweight jQuery powered photo gallery with sleek flipping transitions between thumbnails and lightbox enlargements. Other features include dynamic image streaming, auto pagination, auto cropping and transparent image overlay. It only takes a few minutes to set-up and the layout, speed, co-ordination and text can easily be modified in the settings. Upgrades are also available.

How To Set Up

1) In your html file replace the following tags:

</head>
<body>

with:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="flipgallery/settings.js"></script>
<script type="text/javascript" src="flipgallery/flipgallery.min.js"></script>
</head>
<body onLoad="flipGallery()">

2) Place the following code into your html body where you would like to put flipGallery in relation to your page layout: 

<div id="flipGallery">
</div>

3) Download flipGallery.zip, unzip and place the 'flipgallery' folder into your website directory.

4) In the 'flipgallery' folder, Open 'settings.js' and insert your image locations and adjust your settings as instructed in the file. There are also pre-made demo files to help you. 

Then you are up and running!