/Bootstrap-Image-Gallery

Bootstrap Image Gallery is an extension to the Modal dialog of Twitter's Bootstrap toolkit, to ease navigation between a set of gallery images. It features mouse and keyboard navigation, transition effects, fullscreen mode and slideshow functionality.

Primary LanguageJavaScript

Bootstrap Image Gallery

Demo

Bootstrap Image Gallery Demo

Description

Bootstrap Image Gallery is an extension to the Modal dialog of Twitter's Bootstrap toolkit, to ease navigation between a set of gallery images.
It features mouse and keyboard navigation, transition effects, fullscreen mode and slideshow functionality.

Usage

Preparation

To get your photos on there make sure its public and you have an API Key.

You can request on here

Put your API key under api_key and your photoset id under photoset_id.

To get the photoset id you must create a set, make sure its public, go to the set, and look at the end of the url.

Ex. http://www.flickr.com/photos/87973856@N04/sets/72157633918666858/

72157633918666858 would be the photoset_id

 $.ajax({
        url: 'https://secure.flickr.com/services/rest/',
        data: {
            format: 'json',
            method: 'flickr.photosets.getPhotos',
            api_key: '(api_key)',
			photoset_id: '(photoset_id)',
			extras: 'original_format'
        },

Requirements

License

Released under the MIT license.