Natural Gallery
Use distribution on your project
The bower install does not include sources and build process. To run the demo, look at the end of this readme.
Install natural-gallery-js :
npm install natural-gallery-js --save
Include photoswipe and natural gallery stylesheets + jquery script in your headers :
<link rel="stylesheet" href="[...]/photoswipe/dist/default-skin/default-skin.css">
<link rel="stylesheet" href="[...]/photoswipe/dist/photoswipe.css">
<link rel="stylesheet" href="[...]/natural-gallery/dist/themes/natural.css">
<link rel="stylesheet" href="[...]/natural-gallery/dist/natural-gallery.min.css">
<script src="[...]/jquery/dist/jquery.js"></script>
Includes natural gallery scripts in your footer (includes photoswipe JS):
<script src="[...]/natural-gallery/dist/natural-gallery.min.js"></script>
Run and look at the demo for code implementation
Clone project on your local disk :
git clone git@github.com:Ecodev/natural-gallery.git
cd natural-gallery
Install production and dev dependencies and run build :
npm install && npm run prod
Open demo/*.html with your preferred browser and editor.
Credits
Icons made by Freepik and Zurb from www.flaticon.com is licensed by CC 3.0 BY