Skip to content
jQuery Powered Animated Photo Gallery
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demos
README.txt
flipGallery.jquery.json
flipgallery.min.js
settings.js

README.txt

/*!
 * 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!
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.