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.
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'
},
- jQuery v. 1.7+
- Bootstrap Modal v. 2.2.2+
- JavaScript Load Image v. 1.2.3+
Released under the MIT license.