Javascript/CSS Polaroid Gallery - no dependencies
JavaScript CSS HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.

README.md

polaroid-gallery

Javascript/CSS Polaroid Gallery - no dependencies

Demo

http://projects.glicer.com/polaroid-gallery

polaroid-gallery

Usage

img directory contains images to display.

Add the JavaScript to the end of your document :

<script type="text/javascript" src="js/polaroid-gallery.js"></script>
<script>
    window.onload = function () {
        new polaroidGallery("data/data.json"); //data/data.json contains images properties to display 
    }
</script>

Configuration

Configure properties of images to display in data/data.json file :

  • path : URL of file image
  • caption : text below image
  • description : text description of flipped image

Example:

[
{
"name": "img/img01.jpg", 
"caption": "En voiture",
"description": "Il a pour lui l'éternité, montre en main.<br> — Jules Renard"
},
{
"name": "img/img02.jpg",
"caption": "Amis",
"description": "Le temps confirme l'amitié.<br> — Henri Lacordaire"
}
]

License

MIT

Contact

Authors : Rym BOUCHAGOUR & Emmanuel ROECKER

Web Development Blog - http://dev.glicer.com